Giter VIP home page Giter VIP logo

movie_stream's Introduction

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.

movie_stream's People

Contributors

rragnarsd avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.