This is a paired project using React to build an application that allows the user to view all movies, search movie by title, and filter movies based on different categories. The user is also able to click on a see more details button to view the movie's tagline, overview, rating, release date, genres, and runtime if available from the api data available.
- Clone this repo
git clone git@github.com:Alynn022/rancid-tomatillos.git - Install the necessary package dependencies
npm install - Run the command
npm start - Start the server at
http://localhost:3000/
https://alynn022.github.io/rancid-tomatillos
Home page view
Users can view a list of movies with the title, ratings, and release date.
Users can search movies by title and view movie details
Users can filterd by different categories
Users can click the home button from any page to go back to all movies list.
App also has responsive layout for mobile view or browser view.
Checkout the Turing spec sheet here
- React
- JavaScript
- CSS
- Fetch API
- Cypress