Rancid Tomatillos

Mod3 + Rancid Tomatillos

Abstract

Not sure what to watch tonight? Use Rancid Tomatillo to browse a library of movies. Get to know the overview, release date, and other fun movie info to help you decide what you'll watch next.

Table of Contents

• Abstract
• Technologies
• Install
• Illustrations
• Code Architecture
• Contributors
  • Wins
  • Challenges + Improvements
• Project Specs

Technologies

This project was bootstrapped with Create React App.

• React
• Router
• Cypress
• Mocha
• Javascript
• API
• CSS
• node
• eslint
• Atom/VSCode

Install

Project deployed on GitHub pages here.

Illustrations

Code Architecture

React Components

• App
• CardContainer
• Card
• MovieDetails
• Error

ApiCalls.js

• Housing for network requests

styles

• Directory of CSS files

./cypress/integration

• Testing files

Contributors

• Eric Sergeant
• Renee Swick-Ziller

Wins

React, Router, & Cypress -- New Technologies

• This was our first time using React and Router, so getting familiar with those environments for the first time was a definite win!
• Additionaly, this was our first time testing in Cypress.
• Using (and still learning) three new technologies was a joyful struggle.

Challenges

Error Handling

• We created an Error component to handle errors as they may come (specifically in network requests). These were challenging to render as they behaved differently than expected in conjunction with Router and then again behaved differently when deployed to GHpages.

Timeline

• This project was created in a short week-and-a-half sprint. React, Router, and Cypress were all newly learned simultaneously in that same time-frame. As a result, this project, at times, served us as a sandbox of sorts for practicing these new skills.

Project Specs

• The project spec & rubric can be found here