michelecomfort / rancid-tomatillos

Rancid Tomatillos is a web app that allows users to search movie ratings, read movie plots and view movie trailers.

Rancid Tomatillos

Turing School of Software & Design

2108 FEE, Mod 3 - Partner project

Abstract

Rancid Tomatillos is a web app that allows users to search movie ratings, read movie plots and view movie trailers.

Languages | Technologies

• React
• Router
• JSX
• Cypress
• HTML
• CSS
• GitHub

Install | Setup

1. Clone down this repository
2. cd into the directory
3. Run npm start
4. Open http://localhost:3000 to view it in the browser.

Web App Attributes

1. On load, users will see a dashboard populate with a large list of movies. They can scroll through these movies.
2. Users can also see a 'Search movies...' input bar as well as a dropdown to search by movie rating.
3. Users can click on an individual movie which will take them to a single movie page. This page will display the movie plot, rating as well as a movie trailer video they can watch. Some movies do not have video trailers.
4. On the single movie page, users can click the 'Return to All Movies' button to return back to main page. They can also click the 'back-arrow'.
5. On the main dashboard page, users can begin typing a title of a movie into the search bar. Videos will populate on key strokes. When the input is empty, all movies will display.
6. Users can choose an option on the dropdown to sort movies by their audience rating.

Main Page view

Responsive Screen Sizing for tablet and phone

Search Feature

Rating Feature

Single Movie Page preview

Future Iterations | Improvements

1. Add abilities for Users to create their own movie ratings
2. Allow Users to submit movies that aren't already available
3. Allow Users to have an account where they store favorite movies or have a 'watch list'

Project Spec & Rubric

Here

Authors | Contributors | Developers

Delilah Necrason Michele Comfort

Images

Background tomatillos photo from Adobe Stock Photo