Movie Hub 🎬😍
Movie Hub is an app that allows users to view different categories of movies and also watch!. It creates an immersive and seamless movie-watching experience!. It is built with Flutter😍😌 and Firebase using the TMDB API and VidSrc for viewing the movies.
It provides an interactive and captivating experience for the user!
Demo
Preview
Key Features
- View movies in diverse categories (e.g Trending, Popular, Upcoming, Top Rated)
- Discover Movies
- Watch movies
- Add Movies to watchList
- Search for Movies
- Sign in, Sign Up, Forgot Password, Sign Out
- Choose Avatar
- View Similar Movies to a Movie
- View Images from a Movie
- Infinite scrolling with pagination
- Nice Loading UI with the Shimmer
- Visit Movie’s webpage
Installation
- You can download the apk to your Android device from here
To run MovieHub from the Codebase, you need to get a TMDB API key from here you will have to create an account, if you don’t have one.
Once you have the API Key, you can create an api_keys.dart file, locate the lib > core > utils and create the file under it
Add the following:
String get baseUrl => 'https://api.themoviedb.org/3';
String get apiKey => 'YOUR API KEY';
String get videoBaseUrl => 'https://vidsrc.to/embed/movie/';
You also need to create a firebase project at Firebase
With all these in place, you can
flutter run
Packages Used
- flutter_screenutil: For making the sizes used in the app are responsive
- flutter_svg: For loading SVG assets
- cached_network_image: For caching data of images to boost app performance
- provider: For managing state across the app
- get_it: For dependency Injection
- equatable: To enable comparison of objects
- http: To enable network calls
- shimmer: For the beautiful loader
- carousel_slider: For the Trending Movie Preview
- intl: For advanced date Formatting
- url_launcher: To open web pages
- flutter_inappwebview: For launching the movie screen
- lottie: For the nice animated assets used for empty, error and loading states
- fpdart: For Functional Programming mainly for the use of Either.
- firebase_core, firebase_auth, firebase_storage, cloud_firestore, firebase_crashlytics: which are Firebase services!
Lessons Learned and Challenges faced
Veni, Vidi, Vici!
I faced a lot of issues during the development of this app, but i also learnt alot!
- The main reason why i took on this task is to explore Firebase well, and i did that to an extent, exploring its Database, Storage, Crashlytics and Authentication Services.
- I had issues trying to make watching movies possible, then when i thought i had gotten it right, it wasn’t working on Android 🤦🏽♀️😂, but i had to do more research and changed the webview package , after a lot of iteration, it worked!
- I also had issues while implementing the watchlist section, i had a bug that took me a while to fix, but after speaking to my seniors and alot of reflection, i got it right
- What kept me going was the joy i felt after i completed a feature successfully.
Provides the list of the opensource Flutter apps collection with GitHub repository.