Rancid Tomatillos

by Jamie Caudill & Seth Burns

DESCRIPTION

Rancid tomatillos is a web-based application that allows users to scroll through a list of movies, select a movie, and see that movies details. Details include a variety of information about the movie as well as playable trailers for the movie. Users may also search for a specific movie using the application's search functionality. In addition, the application design is responsive across small, medium, and large breakpoints.

LINKS

Project spec: Spec Project repo: Repo

Tech Stack

• React
• Cypress
• Router
• CSS
• NPM
• Git
• Fetch API
• WAVE
• Lighthouse
• GitHub Projects

LEARNING GOALS

• Exposure to React hooks such as useState and useEffect
• Indroduce Cypress and Router
• Collaborative workflow

SETUP

1. Clone the repository to your local machine
2. cd into the project
3. Run npm i and npm start
4. Enjoy!

TESTING

This project utilizes Cypress, a popular end-to-end testing framework for web applications.

PREVIEW

CONTEXT

This project was the first project in Mod 3 of Turing School of Software and Design's Front End Developer course. This project was assigned to help us gain exposure and experience to React, Cypress, and Router as well as improve our collaborative workflow.

Challenges/Wins

Challenges:

• Learning and implementing three new technologies in the space of two weeks
• Proper time management and organization with increasingly reduced guidelines in the spec

Wins:

• Learning and implementing three new technologies in the space of two weeks
• Seeing improvement in collaborative workflow

CONTRIBUTORS

• Jamie Caudill: https://github.com/JamieCaudill
• Seth Burns: https://github.com/SethBurns