RANCID TOMATILLOS

It's not netflix, rotten tomatoes, or even IMBD.
It's better.
Built With:

DEPLOYED LINK

Abstract:

This is a movie rating website that uses the fetch API to display information about a variety of movies. This web app allows users to search movies by title, filter by ratings, and watch movie trailers! To gather more information about a particular movie, users are able to click on the movie and view it's details! The app features network requests to access information about movies and utilizes react router to create a multi-page experience.

Preview of App:

Cell Phone Display:

Watch A Traler:

Bad URL & Empty State:

Search & Filter:

Installation Instructions

• Fork this repository.
• Clone it to your local machine using the command: git clone [email protected]:jalbe0076/rancid-tomatillos.git.
• Run the command: cd rancid-tomatillos
• Run the command: npm install
• Run the command: npm start
• Once the modules have finished compiling, enter http://localhost:3000/ into your browser to see the live web page.

Context:

• Mod 3, Week 1 - Week 2:

  • We are current students of Turing School of Software & Design.
  • Turing is a 7 month program, which offers a total of 4 modules.
  • This project was completed during the third module that the program has to offer.

• A total of approximately 30 hours was spent on this project between 2 contributors.

Contributors:

• Jason Alberto

• Laura Garcia Guerra

Learning Goals:

• Create a user interface that is easy to use and clearly displays information
• Write DRY, reusable code that follows SRP and trends toward function purity
• Make network requests (using fetch API)
• Gain competency with React fundamentals
• Test React components & asynchronous JS
• Practice refactoring
• Create a multi-page UX using Router