Movies
Discover movies app illustrating Kotlin Multiplatform development best practices
Install / Use
/learn @michaelbel/MoviesREADME
Movies
<!-- [](https://github.com/michaelbel/movies) [](https://github.com/michaelbel/movies) -->Movies - easy way to discover popular movies. This is a simple TMDb client.
The goal of this project is to implement an app that provides a consistent user experience on Android Phones, Android Tablets, Android Auto, Android Wear, Android TV, iOS, Desktop (MacOS, Windows, Linux) and Web. Used Material3, Compose, Kotlin and Multiplatform.
The app is currently in development. Android app is already available.
Get interactive AI-powered documentation for the repository on DeepWiki.
Screenshots
Android
<div align="center"> <img src=".github/pics/android/android1.png" alt="Android Image 1" width="24%"> <img src=".github/pics/android/android2.png" alt="Android Image 2" width="24%"> <img src=".github/pics/android/android3.png" alt="Android Image 3" width="24%"> <img src=".github/pics/android/android4.png" alt="Android Image 4" width="24%"> <img src=".github/pics/android/android7.gif" alt="Android Image 7" width="24%"> <img src=".github/pics/android/android8.gif" alt="Android Image 8" width="24%"> <img src=".github/pics/android/android9.gif" alt="Android Image 9" width="24%"> <img src=".github/pics/android/android10.gif" alt="Android Image 10" width="24%"> <img src=".github/pics/android/android5.png" alt="Android Image 5" width="49%"> <img src=".github/pics/android/android6.png" alt="Android Image 6" width="49%"> </div> <br/>iOS
<div align="center"> <img src=".github/pics/ios/ios1.png" alt="iOS Image 1" width="24%"> <img src=".github/pics/ios/ios2.png" alt="iOS Image 2" width="24%"> <img src=".github/pics/ios/ios3.png" alt="iOS Image 3" width="24%"> <img src=".github/pics/ios/ios4.png" alt="iOS Image 4" width="24%"> </div> <br/>macOS
<div align="center"> <img src=".github/pics/macos/macos1.png" alt="macOS Image 1" width="49%"> <img src=".github/pics/macos/macos2.png" alt="macOS Image 2" width="49%"> <img src=".github/pics/macos/macos3.png" alt="macOS Image 3" width="49%"> <img src=".github/pics/macos/macos4.png" alt="macOS Image 4" width="49%"> </div>Requirements
Take a look at <b>local.properties</b> and fill it with your own <b>TMDB API key</b> like this:
TMDB_API_KEY=your_own_tmdb_api_key
The app is still usable without an API key. In this case functionality will be limited.
Build
Choose a run configuration for an appropriate target in Android Studio and run it. <br/> <br/> <img src=".github/pics/run-configurations.png" width="30%">
-
Clone this repository using latest version of Android Studio
-
Run the app on your Device or Emulator
- For Android, run
androidAppconfiguration. - For iOS, run
iosAppconfiguration. - For Desktop, run
desktopAppconfiguration.
- For Android, run
-
Android Flavors
- Android with Google Mobile Services:
./gradlew :androidApp:installGmsDebug - Android with Huawei Mobile Services:
./gradlew :androidApp:installHmsDebug - Android Free and Open Source Software:
./gradlew :androidApp:installFossDebug
- Android with Google Mobile Services:
-
Desktop Run
./gradlew :desktopApp:run
Download
<img src=".github/pics/badges/badge-googleplay.svg" alt="" height="80"> <img src=".github/pics/badges/badge-appgallery.svg" alt="" height="80"> <img src=".github/pics/badges/badge-github.svg" alt="" height="80"> <img src=".github/pics/badges/badge-obtainium.svg" alt="" height="80"> <img src=".github/pics/badges/badge-openapk.svg" alt="" height="80"> <img src=".github/pics/badges/badge-android-freeware.svg" alt="" height="80">
Technologies
[