trishalanglois / rancid-tomatillos

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Rancid Tomatillos

Description

Rancid Tomatillos is a React app that uses Redux as a global state management tool. In creating this app, our team focused on the following:

  • Designing architecture of React application, including class and functional components and using Redux to manage global state
  • Using React Router to navigate from page to page
  • Using various endpoints to fetch, post and delete data
  • Resolving promises and cleaning data
  • Test Driven Development, including testing asynchronous methods and Redux methods

Tech Stack

  • React
  • React Router
  • Redux
  • Jest / Enzyme
  • Fetch API
  • SCSS

Installation

To access this repo, simply clone down and run npm install to access the necessary packages. For the best viewing experience, run npm run start and copy and paste your local server into the browser.

This app is also deployed on Surge and can be found here

Log into the app with the following information:

User Interface and User Experience

Landing Page

Landing page when the user loads the app

The user will see a series of movies that they can then click on to view more information.

Login

Login screen so a user can log in

When a user logs in, they will then be able to see their own ratings for specific movies.

Movie Page

MovieShowPage that shows more information specific to a movie that's been chosen

A user can click on a movie to show more information about that movie, as well as give their own rating for the movie, which will be saved to their account.

Future Iterations

Future iterations of this project will include the following:

  • Add ability to delete and re-submit ratings
  • Add test for the submitRating nested fetch

Project Members

This project was done at Turing School of Software and Design. Team members are:

Scott Ertmer

Garrett Iannuzzi

Trisha Langlois

About


Languages

Language:JavaScript 88.9%Language:CSS 8.5%Language:HTML 2.6%