Rancid Tomatillos

Table of Contents

• Description
• Installation
• Walkthrough
• Authors
• Technologies
• Demos

Description

Searching for the next flick to watch while you become one with your couch? Checkout the Rancid Tomatillos application!

Users can browse through a collection of today's new movies and see what peaks their interest based on detailed movie descriptions and ratings. If a user enjoyed the content they can bookmark a flick and revisit the details at a later time.

Notable Features

• Application built with React and JS
• Data retrieved through Turing API hosted on Heroku
• URL updates and page navigation created through React Router
• Styling designed with CSS and SASS
• User flows tested through Cypress
• Application deployed to Heroku

Installation

• Our application is deployed to Heroku, to view the live application: https://tomatillosrancid.herokuapp.com/

• To view our application on your local device:

1. Clone down this application
2. Enter npm i in your terminal
3. Enter npm start in your terminal
4. To view cypress tests open separate tab an enter npm run cypress

Walkthrough

1. The main page view displays an assortment of movies from different genres
2. Hover over and select the movie you would like to learn more about
3. A new page display will appear detailing movie information
4. Select the return home button to go back to main page display
5. If you would like to view your past movie selection, navigate through the application with the navigation arrows
6. User may also view the page by entering a valid URL to a specific movie

Authors

Peter Muellerleille GH	Caroline Eubanks GH

Technologies

JavaScript	React	React Router	HTML	CSS	SASS	Cypress	Heroku

Demos

• Application In Use

• Navigation with navigation arrows

• Redirect to home page when invalid URL path is entered