8000 GitHub - alivaditis/rancid-tomatillos
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

alivaditis/rancid-tomatillos

Repository files navigation

Rancid Tomatillos

Deployed Project

Description

Rancid Tomatillos is a website that uses the fetch API to display details about movies. On the home page, there is a list of movies with their corresponding ratings. A user can click on a movie to view more details of the movie, such as release date, genres, runtime, a trailer, and an overview.

Learning Goals

  • Gain competency with React fundamentals
  • Test React components & asynchronous JS
  • Practice refactoring
  • Create a multi-page UX using Router
  • Code is DRY, reusable, and empathetic

Preview

ezgif com-video-to-gif (2)

Mobile View

Screen Shot 2023-07-15 at 11 41 43 AM

Screen Shot 2023-07-16 at 12 31 35 PM

Context

  • Turing Front End, Mod 3 Weeks 1-2
    • Turing is a 7 month program, which offers a total of 4 modules.
    • This project is used to practice the fundamentals of React

Installation

  1. fork this repository and/or clone it to local
  2. Once you have cloned the repo, change (cd) into the directory and install the project dependencies. Run npm install or npm i to install project dependencies.
  3. Inside the directory, run npm start and visit localhost:3000

Contributers

Technologies Used

  • React
  • Router
  • JavaScript (ES6)
  • CSS
  • HTML
  • Cypress
  • Fetch API
  • Vercel Deployment

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •  
0