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.
- 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
-
Our application is deployed to Heroku, to view the live application: https://tomatillosrancid.herokuapp.com/
-
To view our application on your local device:
- Clone down this application
- Enter
npm iin your terminal - Enter
npm startin your terminal - To view cypress tests open separate tab an enter
npm run cypress
- The main page view displays an assortment of movies from different genres
- Hover over and select the movie you would like to learn more about
- A new page display will appear detailing movie information
- Select the
return homebutton to go back to main page display - If you would like to view your past movie selection, navigate through the application with the navigation arrows
- User may also view the page by entering a valid URL to a specific movie
| Peter Muellerleille GH | Caroline Eubanks GH |
 |
 |
| JavaScript | React | React Router | HTML | CSS | SASS | Cypress | Heroku |
 |
 |
 |
 |
 |
 |
 |
 |
- Application In Use
- Navigation with navigation arrows
- Redirect to home page when invalid URL path is entered
