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
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy