dfordeveloper / movie-tracker Goto Github PK

• Refactor action creators to utilize thunks.

• Pull most recent movies from MovieDB API.
• Display each movie on root index /

• Test asynchronous methods
  • Tests checklist:
    • App
      • fetchMovies
    • LoginForm
      • handleSubmit
      • getFavorites
    • MovieCard
      • handleClick
      • toggleFavorite
    • SignUpForm
      • handleSubmit
      • autoLoginUser
    • api
      • fetchData

• Project should use TypeScript
  • TypeScript Documentation: https://www.typescriptlang.org/docs/home.html

• Tests checklist:
  • App
    • MapStateToProps,
    • MapDispatchToProps
  • Header
    • MapStateToProps,
    • MapDispatchToProps
  • LoginForm
    • MapDispatchToProps
  • MovieCard
    • MapStateToProps,
    • MapDispatchToProps
  • MovieContainer
    • MapStateToProps
  • SignUpForm
    • MapDispatchToProps

• Input should only accept valid emails based on formatting
  • Hint: Look into regular expressions

http://frontend.turing.io/lessons/module-4/node-prework.html

• Each movie should be displayed with a favorite button.
• If the user is not signed in and clicks on a favorite button the user will be prompted with the request to create an account.
• Validate favorites before adding to db. Aka does that user already have the movie stored as favorites. There should be no duplicates.
• If the user visits /favorites they should see a list of all their favorite movies.
• The user should be able to delete favorites from /favorites or /.
• Favorite movies should have a visual indication on /.
• A user can click and view any individual movie. The url for each individual movie page should be "/movies/:id"

• 'View favorites' in navBar should change to 'Show All' when clicked

• Create all related files
  • Functional component
• Component returns all necessary details per each movie item
  • Title, image, overview, release date, rating
• Route to URL of each movie ID
  • Path should go to: /movies/:id
  • Route in App container

• Implement propTypes on all components/containers that require them
  • Install prop-types module:
    • https://www.npmjs.com/package/prop-types
  • Import proptypes on components/containers
    • Specify propTypes per each component/container

• Abstract
• Install/setup instructions
• Gif screenshot of basic app functionality
• Wireframe
• Contributors

• Test all reducers
  • Tests checklist:
    • currentUserReducer
    • favoritesReducer
    • moviesReducer
    • showLoginPromptReducer

Completed 2.2

• User should stay logged in whenever the page is refreshed
  • Hint: You will probably use localStorage.

• Test all actions
  • Tests checklist:
    • currentUserReducer
    • favoritesReducer
    • moviesReducer
    • showLoginPromptReducer

• Refactor React Components
• Duplication in methods
• Eliminate queries.js
  • Single fetch call with a dynamic URL
• Break out difficult-to-read render methods

• Test standard methods (not asynchronous or redux-related)
  • Tests checklist:
    • App
    • LoginPrompt
    • MovieDetails
    • Header
    • LoginForm
    • MovieCard
    • MovieContainer
    • SignUpForm

• Be able to sign in on page /login and redirect user to /
• Flash "Email and Password do not match" - if password is incorrect
• Ability to create a user.
• Flash "Email has already been used" - if email has been taken
• The user has the ability to sign out.

• Create variables file
  • Name variables for color scheme, fonts, and all other re-usable properties
• Select fonts (and import if needed)
  • Styling checklist:
    • App
    • LoginPrompt
    • MovieDetails
    • Header
    • LoginForm
    • MovieCard
    • MovieContainer
    • SignUpForm