Project 3: ReactJS Movie Search Engine
Screenshots
The Home Page
The Favorites Page
Demo
Project Synopsis
This is a personal project that I made in Summer 2025. It is a basic movie search engine.
It has basic functionalities like favoriting movies and searching your desired movie.
If a user likes a movie, then they can favorite it, and it will appear in the user's favorites tab, upon clicked.
If the user decides that they do not like a favorited movie anymore, then they can go to the Favorites tab, and un-favorite that movie from there.
If the user is not able to find their desired movie on the home page, then they can use the search bar to query their desired movie. Any part of the movie name can be entered and the movie will show up among the results.
Tech Stack
- JavaScript
- HTML
- CSS
- ReactJS
- Node.js
Key Challenges
A key challenge was managing the many different states the project has. The search bar needed a state, as well as the list of movies received from the API, and also the favorites. For example, with favorites, once the user had favorited a movie, I had to save that favorited movie into the local cache, so the next time the user visits the website, the user would be able to see it in their favorites tab.