Skip to content

FrazierLE/pomodori

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 

Repository files navigation

🍅 Pomodori Putridi 🍅

Overview

Pomodori Putridi is a movie application that was created using React and tested with Cypress. Users are able to scroll through site, filter movies with the use of a live search bar, and click into a specific movie to get movie details like a movie rating or movie budget.

Installation Instructions

  1. Clone down this repository
  2. Run npm install in your terminal
  3. Run npm start in your terminal
  4. Open up http://localhost:3000/ in your browswer
  5. control + c in your terminal to stop server

Deployed Link

Pomodori Putridi

Project Goals

  • Gain competency with React fundamentals
  • Learn how to test React components & asynchronous JS
  • Practice refactoring
  • Create a multi-page UX using Router

Features

Brief features gif

Brief features gif

Technologies Used

  • React
  • React Router
  • HTML, CSS, JavaScript
  • Cypress
  • npm
  • PropTypes
  • webpack
  • Fetch API

Contributors

Wins

  • Creating a live search bar to filter movies
  • Writing cypress tests to ensure the webpage is working properly
  • Learning Router to be able to navigate webpages

Future Extensions

  • Creating a login page for each user to be able to save movies to a watchlist
  • Allow each user to add a review and/or rating
  • Add trailers to each movie details page