Original project designed by Jonas Schmedtmann, as part of his Ultimate React Course. I followed his design and built this project to practice core React concepts.
Available here on Netlify.
- Users can look up movies, rate them, and add them to a personal watched list!
- Movies added to the list can be deleted anytime.
- The list is stored inside the browser's local storage.
- Simple state management with
useState. useEffectfor effectful and imperative code, such as performing data fetching from an external API, OMDB, and changing the page title according to movie name.useRef, to access a DOM element.- Custom hooks.
- Local data persistence with
localStorage. - The concept of Component Composition was used to fix some small issues with prop drilling.
- Built with Vite.
- Not 100% optimized for small screens, since the goal of this project was to practice mainly React/JS features, but it should be mobile-friendly enough.