/movie_stream

Movie App built with Flutter :heart:

Primary LanguageDart

MovieStream

Flutter Responsive

About

  • The application is composed by LandingScreen, AuthScreen and BottomNavyScreen, which also has other nested screens.
  • At the top of the Homepage (tab 1), there is a movie trailer which comes from the youtube_package, as well as two rows displaying movies from the API. Each movie has a poster and a title section, and when a user clicks on the desired poster image/title, the data will be sent to another screen. On that screen, the user will see further information on the selected poster.
  • At the top of the Explorepage (tab 2), the user has the option to choose from three different movie categories. The body of that page has a Listview.builder that loads data from the API. Each item from the list has a container that displays information from the API as well as an option to add movies to favorites.
  • At the top of the Profilepage (tab 3), there is an Animated Circle that spins around with Transform.rotate. Inside the circle there is an CircleAvatar that displays an image of the user, as well as information about the user.
  • In the center the user has the option to click on three different cards that all navigate to other screens. The first is a favorite list, the second a history (watched movies) list and third is a reviews list which will be hard coded dummy text for reviews. Finally at the bottom is a sign out button.

Packages

New Widgets that I tried

  • Futurebuilder... I like this one a lot!
  • AnimatedBuilder
  • Dismissible widget
  • Transform.rotate

I got inspired by these designs

Design

The color pallette that I used

image

Screenshot

Draft 1 - Moviiez (1)

Live preview

android-emulator-nexus-6-api-29-5554-2021-09-12-15-42-22_xoOrPoic.mp4

Getting a TMDB API KEY

This project is a starting point for a Flutter application.

A few resources to get you started if this is your first Flutter project:

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.