Skip to content

๐ŸŽž Render a list of movies with the associated data (rating, liked, etc.) using React. โ€“ ๐Ÿ‘จโ€๐Ÿซ Created as part of exercises from Chapters 3 to 5 in Mosh's Tutorial: Mastering React.

Notifications You must be signed in to change notification settings

kevduc/react-movie-app-exercise

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

22 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

React Exercise - Movie List App

๐ŸŽž Render a list of movies with the associated data (rating, liked, etc.) using React.
๐Ÿ‘จโ€๐Ÿซ Created as part of exercises from Chapters 3 to 5 in Mosh's Tutorial: Mastering React.

๐Ÿ‘‰ Try it here: kevduc.github.io/react-movie-app-exercise

๐Ÿ”ฎ Features

  • ๐Ÿ“‹ Movies are displayed in a table with possibility to sort by Title, Genre, etc.
  • โญ Star rating (1-5) for each movie
  • โค Like movies (and see the rating change!)
  • โŒ Delete movies you no longer want
  • ๐Ÿ—ƒ Filter movies by your favorite genre
  • โžก Navigate throught multiple pages if there's many movies, for a clearer display
  • ๐Ÿ“ฑ Responsive design, displays properly on mobile, desktop, tablet, etc.

๐ŸŽฏ Goal of this project

๐Ÿ‘จโ€๐Ÿ’ป Practice React, including:

  • Create Stateless/Stateful Functional/Class Components
  • Create reusable Components
  • Composing Components
  • Event handling
  • Conditional Rendering
  • Debugging
  • State manipulation

โœจ Practice Sass and Bootstrap:

  • Style the App and make it responsive

About

๐ŸŽž Render a list of movies with the associated data (rating, liked, etc.) using React. โ€“ ๐Ÿ‘จโ€๐Ÿซ Created as part of exercises from Chapters 3 to 5 in Mosh's Tutorial: Mastering React.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published