Skip to content

cieragrace/rancid-tomatillos

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

85 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Rotten Tomatillos

Abstract - what we did

We have developed an application that showcases a diverse collection of movies, which users can browse through by either searching or scrolling. The movies are sourced from a RESTful API, and users can select any movie to view its details. Our app is designed to be user-friendly for individuals with colorblindness and dyslexia. Additionally, we have achieved a 96% accessibility score on Lighthouse.

Installation Instructions

  1. Go to [this repo] (https://github.com/Mortis78/rancid-tomatillos) on Github
  2. Click "Fork", then 'Create New Fork'
  3. Click 'Code' and copy the SSH url provided by Github
  4. In your terminal, navigate to the new project repository
  5. Go into desired parent folder and type 'git clone' and paste the ssh url you copied
  6. Cd into the repo directory and open in tect editor
  7. In terminal when in correct repo run 'npm install', 'npm start', then go to "http://localhost:8080/" in your browser
  8. You will also need to clone down the API server. Go to [API repo] (https://rancid-tomatillos.herokuapp.com/api/v2.) and follow the install steps, this will allow you to manipulate the application in the browser window

Preview of the App

image

image

Context:

In the last two weeks we were taught react.js, router, and cypress. We implemented all of these technologies as we learned them. We spent about 55 hours working to get the project completed

Contributors:

Learning Goals:

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

Technologies Used:

-JavaScript -React.js -CSS -GitHub -GitHub projects -Cypress -router -APIs -HTML

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 73.3%
  • CSS 15.5%
  • HTML 11.2%