• Overview
• Learning Goals
• Functionality
• Future Additions
• Installation & Viewing
• Technologies Used
• Contributors

Welcome to Rancid Tomatillos - the latest and greatest movie browsing application!

The goal of this Mod3 partner project was to create a React app that allows users to browse through a collection of movies and see what peaks their interest. They may also search for a specific movie title, read the movie's details, and watch the movie trailer.

To solidify and demonstrate the understanding of:

• React fundamentals
• Testing React components & asynchronous JS
• Creating a multi-page UX using Router

• A user may browse a collection of movies on the main page
  

• The user may search by movie title via the search bar and click Display All Movies to show the full collection
  

• The user may click on a movie poster to view more details on that movie
  

• Site is responsive and will change layouts across desktop, tablet, and phone screens
  

• Add movie to watchlist: functionality to add movies to a watchlist
• Add rating and review: functionality to add ratings and reviews to movies
• Share: ability to share a movie via social media or email

Our application is deployed to Vercel. You may view the live application here.

To view our application on your local device:

• Clone down this repository
• Run npm i in your terminal
• Run npm start in your terminal
• To view Cypress tests open a separate tab in your terminal and run npm run cypress

If you would like to contribute, please fork this repository and clone it down to your local machine. Once you've successfully implemented the changes in code necessary for your intended contribution without changing any of the current functionality of main, submit a pull request for authors to review the changes.

• JavaScript
• Semantic HTML
• CSS
• React
• React Router
• Cypress
• WebPack/Babel

• Rachael Carroll
• Shauna Myers

Back to top