kevduc / react-movie-app-exercise

๐ŸŽž 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.

Home Page:http://kevduc.github.io/react-movie-app-exercise

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

http://kevduc.github.io/react-movie-app-exercise


Languages

Language:JavaScript 89.1%Language:HTML 8.9%Language:SCSS 2.1%