lourdesbnts / rancid-tomatillos

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Rancid Tomatillos

Table of Contents

Overview

Rancid Tomatillos is an application that allows a user to browse through a list of movies, click on the movie cards, view movie details, such as movie images, title, overview, description, and ratings.

Technologies

React React Router cypress JavaScript CSS JSON

Contributors

Set Up

  1. Start by going here. From here you will want to click on the green rectangular button titled 'Code'. This should open a drop down menu where you should see a link. To the left of the link there should be an icon with two over lapping squares. You can click the icon to copy the link.

  2. You will want to clone down the repo to you terminal using git clone.

  3. Once you have cloned the repo, change into the directory and install the project dependencies. Run npm install or npm i to install project dependencies.

  4. Run npm start in the terminal to see the page. You will need to copy and paste the local server from the terminal and paste it into your browser. The local server should be simialiar to, http://localhost:3000/. Control + C is the command to stop running the local server. Closing the terminal without stopping the server first could allow the server to continue to run in the background and cause problems.

Illustrations

demonstration.mp4
responsive-css.mp4

Future Additions and Improvements

  • Add a filter by genre
  • Add a filter by movie name
  • Add trailer for each movie

Project Spec

Click here for project specs, provided by Turing School of Software and Design.

About


Languages

Language:JavaScript 75.3%Language:CSS 20.3%Language:HTML 4.4%