A movies application that connects to the . Get trending and newly released movies with in-depth details. Live Version
If you want to run the project locally:
- Clone the project
- Create a file named
dotenv
at the root of the project - Open the created file and add your TMDB API key
e.g
TMDB_KEY=2c3247c821ahhb6a60fefasd278gas6
- You are ready to run the project !
On Load | Navigation | Toggle Theme |
---|---|---|
Toggle Drawer | Refresh | Toggle Search |
---|---|---|
Search Error | Search No Results | Search Success |
---|---|---|
To Movie Screen | From Movie Screen | Favorites |
---|---|---|
Source | ||
---|---|---|
- When the app is loaded, trending movies and upcoming movies are loaded.
- You can search for movies by typing in the search field and pressing enter. When on desktop there is a search button below TextField. On Mobile or Tablet you can press the ok button on the virtual keyboard to start searching.
- When you tap on a movie , you get redirected to a new screen with detailed info.
- On movie's screen there is a heart icon, by tapping it you favorite the movie. On successful addition, a snackbar is shown.
- A favorited movie is indicated by a red heart. By tapping on the heart the movie will be removed from your favorites. On successful deletion, a snackbar is shown.
- Favorited movies can be retrieved by opening the app's drawer.
- Favorited movies don't hold state since the project has no back-end, meaning on refresh all will be flushed. This is not an issue.
- The grid design is responsive.
Mobile & Tablet | Desktop |
---|---|
- There is a settings icon (three dots) where you can change theme (Dark, Light), send e-mail and visit the source code of the app.