Skip to content

Instantly share code, notes, and snippets.

@spaceplesiosaur
Last active January 8, 2020 01:58
Show Gist options
  • Save spaceplesiosaur/384edcb9e89c59af0c515a30668e6281 to your computer and use it in GitHub Desktop.
Save spaceplesiosaur/384edcb9e89c59af0c515a30668e6281 to your computer and use it in GitHub Desktop.
https://drive.google.com/file/d/1ieovkpMx1PQP1UxiLDKMdqMecuSTli-L/view?usp=drivesdk

Rancid Tomatillos

By Allie McCarthy, Kate Malone, Allison Wagner

This is application designed by was built with create-react-app.

Set Up

Clone the repo. Run npm install to ensure all dependencies are running. Enjoy!

Expectations / Spec

Build a React App that pulls movie information from an API and uses Redux to store and manage it. Allow the user to post and remove movie ratings to the API.

  • Create components and pass info between them using React and the Redux Store where approriate.
  • Use an assigned user with a name, email, and password throughout the project.
  • Create a separate login page (/login) where the user can login
  • After logging in, the user knows they are logged in and they are taken back to the homepage
  • A user should be able to logout, and they are taken to the homepage. The app should should that no one is logged in.
  • Use Router to create a dynamic route for a “show page” for each movie (/movies/5, for instance)
  • A user should be able to see their own movie ratings only when they are logged in to the app.
  • A user should be able to submit a rating for a movie.
  • Include functionality for the user to remove an existing rating they submitted and then be able to submit a new rating (effectively the user is editing their rating)
  • Fully test JSX, methods, props, state, redux, and async changes using enzyme and jest

Learning Goals

  • Become fluent in Redux.
  • Become comfortable using Fetch
  • Reinforce understanding of React.
  • Expand knowledge of frontend testing to test DOM elements
  • Expand knowledge of async testing

Built With

  • HTML5
  • CSS3
  • JavaScript
  • React
  • Redux

Demo

Rancid Tomatillos App Rancid Tomatillos App

License

All credit goes to Turing School of Software for providing the project specifications and website design.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment