Rancid Tomatillos is a project aimed at building a web application that provides information about movies, including ratings, reviews, and other related data. This project utilizes React and React Router to create a user-friendly interface for browsing movies and accessing relevant information.
- Browse a vast database of movies.
- View detailed information about each movie, including ratings, reviews, cast, and crew.
- Search functionality to find movies by title quickly.
- User authentication and authorization for personalized experiences.
- The ability to give ratings to a movie you've seen
This was our first project built in React. With it came some notable challenges, including:
- The use of React Router to change paths
- Getting familiar with useState and useEffect to render and update components
- Introducing Cypress testing with intercepts to avoid pinging API
- Understanding styling with css hierarchy and applying classNames for applying custom styling
Clone the repository:
git clone git@github.com:camjohnson-code/rancid-tomatillos.git
cd rancid-tomatillos
npm install
Start the development server:
npm start
Open your web browser and visit http://localhost:3000 to access the application.
To sign in, you can use any of the following email/password combinations:
| Password | |
|---|---|
| alan@turing.io | promisedotyall |
| sam@turing.io | 123456 |
| lucy@turing.io | password1 |
| greg@turing.io | abc123 |
| ken@turing.io | 654321 |
| charlie@turing.io | qwerty |
| diana@turing.io | 111111 |
| rick@turing.io | asdf123 |
| marge@turing.io | password123 |
In the future, we'd like to improve the site by adding these features:
- Page responsiveness for different screen sizes
- Enable cookies so the user stays logged in after page refresh
- Add page transition animations between the main page and movie info
- Add a "load more" button in the All Movies section and only display a few rows of movies on page load
- Deploy this app to a live page
This project was an assignment during our time as Front End students at the Turing School of Software and Design.