Rancid Tomatillos

Table of Contents

1. Introduction
2. Animation
3. Contributors
4. Technologies Used
5. Features
6. Set Up
7. Project Spec & Ruberic
8. Future Extensions
9. Challenges

Introduction

• Interested in seeing a new movie, but don't want to risk your money on a flop? Check out A&W Movie Time! You can view new movies, watch trailers, and see the user ratings! Save yourself from wasting money and time on a bad movie!

• Check it out!

  Animation

Contributors

• Anthony Shellman
• Will Hobson

Technologies Used

• React
• Javascript / JSX
• HTML
• CSS
• Fetch API
• Cypress (testing)
• Swiper

Features

• See a list of new movies.
• Click a movie card for trailers, ratings, runtime, genres, and an overview.
• Search for a movie by title.
• View the embedded trailers from YouTube.

Set Up

1. Clone the repo to your local machine.
2. In your terminal, navigate to your project repo.
3. Run the command npm start.
4. You will also need an .env file with an api key, and cypress.env.json to run the tests.

Project Spec & Ruberic

• The project spec & rubric can be found here

  Future Extensions

• Filter movies by genre.

• User login to allow saving and rating of movies.

• More specific error pages, showing different images and codes.

Challenges

• Anthony: This was a fun project! It was awesome using an external API to fetch movie data that continuously updates. Utilizing Swiper was a cool feature for displaying movie cards and trailers. I think our implementation of Router and some of our conditional rendering could be improved upon, but overall I am happy with the result!

• Will: This was my first time writing in React, so it was a bit of a learning curve. Swiper was new to both of us, and I'm glad we took on the challenge to make it look much better. Learning how to Route properly also took a bit of time to get correct, but was also a great learning experience.

API Used

• www.themoviedb.org