Rancid Tomatillos

Deployed Site

Abstract

Rancid Tomatillos is a multi-page React web application designed to emulate a movie review aggregator website (à la Rotten Tomatoes/IMDb). The application allows a user to browse and rate movies, add movies to their "watchlist", watch trailers, and view other miscellaneous film stats. All data is served up via a deployed Node.js/Express server. The project also includes a Cypress acceptance test suite.

Demo

Tech

• JavaScript ES6
• React.js
• Node.js
• Express.js
• CSS3
• Cypress.io
• HTML5
• Figma
• Webpack

Figma Wireframe

Additional Packages/Dependencies

• React Router
• rc-tooltip
• react-player

Methodologies/Goals

• Implement React hooks
• Utilize React framework and related ecosystem of tools to optimize performance and usability
• Write modular, reusable code that follows SRP (Single Responsibility Principle)
• Implement error handling
• Implement a robust acceptance testing suite
• Make network requests to retrieve data
• Demonstrate DRY principles

Installation Instructions

1. Fork this repository.
2. Clone your forked repository to your machine.
3. cd into the top level of the project repository from the command line and run npm i, then npm start to launch the application's server.
4. Navigate to http://localhost:3000 in your browser to view the live page.
5. To run the Cypress test suite, run npm run cypress from the command line while in the top level of the project directory.