Jetflix
A movie exploring app by cloning the UI of Netflix android app built with Jetpack Compose.
Install / Use
/learn @pushpalroy/JetflixREADME
JetFlix
A clone of Android NetFlix app in Android built using Jetpack compose.
<div align="left"> <a href = "https://developer.android.com/jetpack/androidx/versions/all-channel#may_5_2021"> <img src = "https://img.shields.io/badge/Jetpack%20Compose-1.0.0%20beta09-brightgreen" /> </a> </div> <br> <div align="left"> <a href = "https://github.com/pushpalroy/jetflix/network/"> <img src = "https://img.shields.io/github/forks/pushpalroy/jetflix" /> </a> <a href = "https://github.com/pushpalroy/jetflix/stargazers"> <img src = "https://img.shields.io/github/stars/pushpalroy/jetflix" /> </a> <a href = "https://github.com/pushpalroy/jetflix/issues"> <img src = "https://img.shields.io/github/issues/pushpalroy/jetflix" /> </a> <a href = "https://ggithub.com/pushpalroy/jetflix/blob/master/LICENSE"> <img src = "https://img.shields.io/github/license/pushpalroy/jetflix" /> </a> <a href=""> <img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg"/> </a> <a href = "https://twitter.com/pushpalroy"> <img src = "https://img.shields.io/twitter/url?label=follow&style=social&url=https%3A%2F%2Ftwitter.com%2Fpushpalroy" /> </a> </div>This sample app showcases the following:
- MVVM Architecture (ViewModel + MutableState + LiveData)
- Dagger Hilt for DI
- ExoPlayer for playing videos
- Compose BottomSheetScaffold
- Compose ConstraintLayout
- Compose TopBar and FAB animations
- Using TMDb API as a data source
Screens
Demo | Home | Home Sections :-------------------------:|:-------------------------: | :-------------------------: <img src="screenshots/screen_record.gif" width=240 /> | <img src="screenshots/screen1.png" width=240 /> | <img src="screenshots/screen2.png" width=240 />
Movie Summary | Movie Details | More Like This :-------------------------:|:-------------------------: | :-------------------------: <img src="screenshots/screen5.png" width=240 /> | <img src="screenshots/screen3.png" width=240 /> | <img src="screenshots/screen4.png" width=240 />
Status: 🚧 In progress
<p>JetFlix is still under development and more screens will be added.</p>Libraries used
How to get started
Please get Android Studio Arctic Fox 2020.3.1 Beta 3 or above to build this project from from here.
Generate API key from The Movie Database API, place the key in 'local.properties' file as apiKey="<YOUR_API_KEY_HERE">.
License
Copyright 2020 Pushpal Roy
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
Related Skills
node-connect
353.3kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
111.7kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
353.3kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
353.3kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
