Rancid Tomatillos is a web application that allows users to view popular movies and see information about the films including:
- Ratings
- Tag Lines
- Description
- Budget/Revenue
- Copy the following SSH link:
git@github.com:Abekomon/Rancid-Tomatillos.git - After determining one's desired installation location, open command line interpreter and run the following code:
git clone git@github.com:nkinsaul/TravelTracker.git - Install NPM packages:
- Run
npm installto install project dependencies.
- Run
- Run
npm startto start running the local server - Clone down the local API server using this SSH link:
git@github.com:turingschool-examples/travel-tracker-api.git- run
npm install - run
npm startto start running the API server
- run
- Development server should open automatically at http://localhost:3000 in your browser.
- Become more fluent with React
- Learn how to use and implement Router
- Learn how to use Cypess and implement E2E testing
- Build responsive web application
- Write clean code with minimal redundancy
More information can be found on the official project specifications document.
The video below demonstrates a user navigating the Rancid Tomatillos application
RT_DEMO.mp4
- React
- JSX
- CSS / HTML
- React Router
- Cypress
- Dayjs
- Learning the ins and outs of React
- Learning 3 major new technologies at the same time (React, Router, Cypress)
- Building the project without Router and then having to refactor to implement Router
- Trying to add a sort by genre feature
- Smooth workflow and collaboration
- Once we learned more about Router, the refactor went smoothly
- We both learned a lot about React
- Had plenty of time to polish our project
This project was bootstrapped with Create React App.