Project 1 - Muvee
Muvee is a movies app using the The Movie Database API.
Time spent: 8 hours spent in total
Demo
User Stories
The following required functionality is completed:
- [x] User can view a list of movies currently playing in theaters.
- [ ] User can show/hide details about each movie.
- [x] User sees loading state while waiting for the API.
- [x] User sees an error message when there is a network error.
- [x] User can refresh the movie list.
- [x] User can search/filter the movie results via a search bar.
- [x] User can use the page on both desktop and mobile viewport sizes.
The following optional features are implemented:
- [x] Toggle between Now Playing and Top Rated movies.
- [x] Sort Movies by rating, popularity, release date.
- [ ] Animations on open/close details.
- [x] Infinite Scrolling.
- [ ] Movie Poster Lightbox on click
- [ ] Multiple Layout Options
Video Walkthrough
Here's a walkthrough of implemented user stories:
GIF created with LiceCap.
Notes
Describe any challenges encountered while building the app.
- Race condition when perform search in local then try to access online resource