Skip to content

tsm13/usePopcorn

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

usePopcorn: A movie-list app built with React!

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.

Live Version

Available here on Netlify.

Project Features

  • 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.

Main technical concepts applied in this project:

  • Simple state management with useState.
  • useEffect for 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.

Notes

  • 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.

About

A movie-list app built with React!

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published