Rancid Tomatillos provides users with a variety of movies to browse through either by scrolling or searching by movie title. It is an accessible React application that fetches movie details from an external API, uses Cypress testing to make sure it all works and has error handling to guide the user through our application incase there is an issue! If the user clicks on a movie, the app will take them to a movie details page that includes title, image, budget, revenue, runtime and genre.
A user can search for movies! If there are no movies matching their search, they will get an error message that redirects them.
If a user incorrectly tries to type in a movie ID to directly access that movie's details, they will be shown an error.
- ✅ Gain competency with React fundamentals
- ✅ Learn how to test React components & asynchronous JS
- ✅ Practice refactoring
- ✅ Create a multi-page UX using Router
- Responsive design so our application is accessible to any screen size.
- Log in feature that allows users to save their favorites.
-
fork this repository
-
copy the SSH clone address
-
run
git clone [remote-address]in your repo -
run
npm installin your terminal -
run
npm startin the Terminal visit localhost:3000 -
now fork and clone this API outside of the project
-
run
npm installin your terminal -
run
npm startin the Terminal