Live version of the site can be found here
What to Watch Next is an app to help you find the next movie to watch! Simply search for movies that you like and the app will give you recommendations. This app uses The Movie Database's API to fetch all movie-related metadata.
-
Watchlist: The app features a watchlist where users can add movies that they like for future reference.
-
Movie Search: Search for a movie you've watched and the app will show you the details of that movie.
-
Movie Recommendations: You can get get an assortment of recommendations for movies that you like.
- Typescript
- Vite + React
- React Router
- Framer Motion
- Vitest + React Testing Library
- Sass
This project is for personal use only. I do not own any of the rights for the assets used in this project.
All film-related metadata used in What-to-watch-next, including actor, director, studio names, synopses, release dates, and poster art is supplied by The Movie Database
Home Page
Search Page
Movie Details Page
This project served as my first every Typescript project, as well as a way to further explore web accessibility, API calling, and also the features of React Router and Vitest/React Testing Library.
-
A section to show where the current movies are being played/shown/streamed.
-
Possibility to include TV shows as well, but would require a huge undertaking.
Developed by Renchester Ramos