React native movies

react-native-movies.md

1. Write an application in React Native:

• A movies app using the The Movie Database APIs.
• Feel free to use your own design

Time spent: 15 hours spent in total

2. Features Required:

The following required functionality is completed:

• [] User can view a list of movies currently playing in theaters. Poster images load asynchronously.
• [] User can view movie details by tapping on a cell.
• [] User sees loading state while waiting for the API.
• [] User sees an error message when there is a network error.
• [] User can pull to refresh the movie list.
• [] Infinite load (lazy load) the movie list.
• [] Add a tab bar for Now Playing, Top Rated and Favorite movies.
• [] Add a search bar.
• [] All images loading progress
• [] For each Item, user can: Add to favorite.
• [] For each Item in Favorite tab, user can: Remove from favorite.

The following advanced features are implemented:

• [] Use Animated library to improve UX.
• [] User can: Filter (type, date, favorite), Sort (Title, Date), Pagination (optional).
• [] For the large poster, load the low-res image first, switch to high-res when complete.
• [] List anything else that you can get done to improve the app functionality!

Optional

• [] Write native calendar view for showing movie release date as an event.

4. Tech Requirement:

• Must use react-native init.
• Must not use Expo or create-react-native.
• Must not use any other boilerplates.
• The favorite list should use Async Storage or your preferable storage service.
• Apply git workflow (Pull Requests, Branches, ...).

5. Plus points:

• Config Eslint, whatever rulesets (Google, Airbnb, Standard, ...).
• Styling by StyleSheet or Style components.
• No UI framework.
• Use Redux, Mobx, Flux.
• Config separately for the production and development environment.

6. Demo

https://imgur.com/lp7rSpj GIF created with LiceCap.