/rancid-tomatillos

A movie collection to search and view the rating and description of different movies.

Primary LanguageJavaScript

Rancid Tomatillos - Pair Project

Table of Contents

Demo

Project Spec

Project Spec

Instructions

  • As a user, I should be able to navigate to main page and be see a collection of movies available.
  • If I click on a movie, I am redirected to a new page that shows the movie's details.
  • I am able to go back to the main page using the back arrow.
  • If I want to search for movies, I can type into the search bar and if the movie is available it will show.
  • I am able to navigate through my history using the back and forward arrows on the browser.

Overview

  • To access deployed site: Rancid Tomatillos
  • To access the website:
  • clone down repo
  • cd into repo
  • run npm install
  • run npm start
  • webpage will open in seperate browser

Technologies used:

  • React
  • HTML5
  • CSS
  • Cypress
  • Dayjs
  • Router

Features

  • Router to be able to navigate through the pages
  • Search bar to be able to search through movies
  • Error Handling for search, 500 error for all movies, 404 error for movie details

Reflections

  • Would like to build a deeper understanding of how Cypress works and all its features
  • Would like to understand more industry standards of how to organize react code and cypress

Future Additions

  • For future editions, we would like to deploy the pages so users can easily access our page
  • Dropdown search menu
  • POST new ratings
  • POST new movies

Credits

Contributors

Project Managers

  • Scott Ertmer
  • Kayla Gordon
This project was created for Turing School of Software and Design
2021/09/06

Back to top