Rancid Tomatillos is an app that lets the user browse movies and find out more about them. The home page shows all the movies available to view, and if you hover over an individual movie it gives you the average rating and the release date, as well as a button which will take you to even more info. If you click on the 'Click here to see more details' button you will be able to see the average rating, the release date, the genres, the budget, the revenue, and the runtime. From here you can go back to the home page, which also has a search feature so you can find exactly what you are looking for.
The Rancid Tomatillos project teaches developers how to create interactive and functional web pages using React, Router and Cypress.
- React
- Cypress
- Router
- HTML
- CSS
git clone git@github.com:oakleywindiate/rancid-tomatillos-wo.git
cd
into rancid-tomatillos-wo- run
npm i
- Run
npm start
in the terminal and on your local server - To view your webpage, use the local host address provided
- To stop the local server from running in your terminal use
command
+c
- Display all available movies
- See additional details of each movies
- Search for movies by title
Gif #1- hovering over the movie and seeing the details, then clicking on the button
Gif #2- Looking at the movie details, then navigating back to home with the button
Gif #3- Search a movie both in the database and one that is not to show error message.
This project was created by Turing School of Software and Design, a Colorado Non-Profit Organization.
Interested in learning more about Turing? click here