Skip to content

Instantly share code, notes, and snippets.

@frosemond

frosemond/challenge.md

Last active August 10, 2022 01:00
Show Gist options
  • Save frosemond/564d0edfbd8644121b90c8eb02cd52c8 to your computer and use it in GitHub Desktop.
Save frosemond/564d0edfbd8644121b90c8eb02cd52c8 to your computer and use it in GitHub Desktop.
Download ZIP
Intro to React: My Movies Challenge
Raw
challenge.md

Day 1

  • Build a new React Application called my-movies.
    1. Run through and follow the setup with create-react-app
    2. We will be building on this application in the next three classes
  • You'll build an application that has Collections and Movies within those Collections.
  • Each movie should have the data points of:
    1. Title
    2. Description
    3. Year
    4. Genre
  • Create custom styles for the application
  • Validate for type on any data you are passing.

Day 2

On your MyMovies application, implement similar functionality to our notes example.

  • Make it so that your user can add and remove Movies from the collection
  • Add an indicator of whether a movie is watched or unwatched, and give the user a button to change that status
  • Make multiple collections and display them separately
  • Add some new styles to your page
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment