Description
A movie information site, powered by The Movie Database API and made in a single week. This site was created as part of the Weekly Web Dev Challenge hosted by Scrimba (27 Jan 2021) and features a searchable list of all popular/recent/top rated movies. Comprehensive information is presented on the details page for each movie, which includes an option to play the trailer as well as slider components displaying members of the cast and similar recommendations.
Features
- Theme changer (light and dark modes).
- Bookmark movies.
- Sort bookmarked movies by title/popularity/rating/release date.
- Collapsible search box.
- Save personal ratings to local storage.
- Play movie Trailer.
- Powered by TMDB.
- Cast and recommendations sliders.
Inspiration
Coming from a predominantly programming background, my design skills were somewhat lacking at this stage. As such, I was eager to start building apps that not only functioned well, but also looked good. When Scrimba's weekly challenge was revealed to be about displaying an array of movies to a page, I decided it would be the perfect to excuse to get something made. There was no requirement to include an API, or have multiple pages, but I was only using the challenge as an ideas mill anyway. I was working mainly with React at the time, so I made the site entirely using React with React Router for navigation and Styled Components for the styling.