Moviegle is a movie search developed using TMDB API (https://www.themoviedb.org/documentation/api).
We have 3 differents tabs:
All the sections are paginated.
This is the principal tab where user can search a movie using the title (there isn't restrictions in the length of the movie title). Results are presented in boxes (in mobile we use a different layout) with two icons (add to favorites and add to watch later)
API call:
Here we show the favorites movies that have been added to the favorite list. To remove a movie from favorites, we should click on the icon again
Here we show the favorites movies that have been added to the watch later list. To remove a movie from watch list, we should click on the icon again
If you want to deploy this locally, you need to modify .env file:
REACT_APP_APIKey=INSERT_HERE_YOUR_API_KEY
REACT_APP_SessionId=INSERT_HERE_YOUR_SESSION_ID
Demo Link: https://alferto82.github.io/moviegle/