Rancid-Tomatillos

Table of Contents

Designers

Abstract

This was a Turing School of Software and Design paired-project. The focus for this project was to gain a better understanding of React. Using both functional and class based components, we created a movie rating/information app that allows users to search films based on 3 criteria, view more specific information on a particular movie, and watch trailers if available. We gained a deeper understanding of async functionality, prop passing, state, and other functionality within React. You can find the original project specs HERE.

Deployed Site

Rancid Tomatillos

Screenshots

  • Home Page:

Home Screen

  • Filter Movies:

Filter Movies

  • Single Movie Page:

Single Movie Page

Future Additions

  • User login page
  • Users ability to rate and save movies
  • Users ability to edit their ratings, and add movies to site

Technologies Used

JavaScript React

NodeJS Cypress.io Webpack

GitHub Git NPM Heroku

Visual Studio Code