Rancid Tomatillos

Project Overview

This paired project was the first project of Module 3 of the Turing School of Software and Design's Front-End Engineering Program.

We achieved full functionality of the project spec with only two weeks of exposure to React. The app allows users to view movies fetched from an API. The original project spec lists a login and star rating features as requirements, but these were removed omitted for our cohort, with an emphasis being placed insted on Router and async testing.

Our stretch goals for this project were to further understand Router as well as how to throw errors. This included implementing ErrorBoundary and utitilizing Router to ensure our MovieDetails page persisted upon reload.

The goals for this project were:

• Gain competency with React fundamentals
• Learn how to test React components & asynchronous JS
• Create a multi-page UX using Router

Technologies Used

• React
• React Router
• Jest

GIF of the Working Application

Mobile Responsive Design

Setup

Download Instructions

• Clone the repo - git@github.com:kncaputo/rancid-tomatillos.git
• Install NPM packages - npm install
• Start the application - npm start

To view the test suite:

• Run npm test in your terminal

Links and Deployed Site

• Deployed Site
• Project Repository: https://github.com/kncaputo/rancid-tomatillos
• Original Project Spec: https://frontend.turing.io/projects/module-3/rancid-tomatillos-v3.html

Contributors:

• Kara Caputo - GitHub: https://github.com/kncaputo
• Lola Dolinsky - GitHub: https://github.com/lo-la-do-li