/advanced-checkpoint-1

Create a Netflix like movie list. Search for movies from the top search box. Click on the check box to add the movie to your list.

Primary LanguageJavaScript

Setup

Do

Components

State

Reducers

Create Reducers

Store

index.js

Actions

Create Containers

  • import connect from react-redux
  • mapStateToProps
  • mapDispatchToProps
  • connect and export

SearchBoxContainer.js

AppContainer.js

ListToggleContainer

SearchBox.js

Item.js

App.js

index.js

Points

  • Base - 25
  • There are no runtime errors - 15
  • My Movie list shows all movies from your database - 15
  • Typing into the search text box and hitting enter shows a list of movies in the search results - 15
  • Click one of the search results adds that movie to My Movie list - 15
  • Click one of the movies in My Movie list removes it from the list - 15