Rancid Tomatillos

Contributors

• Marika Shanahan
• Connor Anderson-Larson

Abstract

Rancid Tomatillos utilizes new-to-us technologies including React, React/Router, and Cypress to create a React app that displays movies, and movie information. Focus was placed on learning and implementing systems; some details include:

• Create a multi-page emulating site using React Router
• Test user happy/sad paths as well as API errors Along with introducing new technology this was a great experience working in a pair asynchronously, balancing solo work with reliable meetings and excellent daily standups.

Technologies Used:

• React
• React Router
• Cypress Testing Framework
• JavaScript ES6
• CSS3
• HTML5
• Normalize
• Wave
• Lighthouse
• Git
• Text Editors of Choice:
  • Atom
  • VSCode

Initial Setup:

• Clone this repo down, once inside use npm start to start the local host.
• Site should open in web browser of choice.
• If site does not open, going to http://localhost:3000/ after starting local host will bring you to site.

Site Features

• Desktop Home View

• Desktop Movie View

• Mobile Home View

• Mobile Movie View

• Lighthouse Ratings

• Color Contrast Ratings

Future Additions

1. Pass Cypress testing for 500s HTTP Request server type errors
2. Further animations/transitions/potentially carousel
3. Maybe actually make friends with my teammate... 🥲