Light

ejimenezsoto / rancid-tomatillos Goto Github PK

View Code? Open in Web Editor NEW

0.0 3.0 1.0 672 KB

HTML 4.13% CSS 18.32% JavaScript 77.55%

rancid-tomatillos's Introduction

Rancid Tomatillos

Mod 3 2110 Paired Project

Application Summary

Rancid Tomatillos is a web app that will display the posters, title, and rating of a database of movies to a user. The user can then click on any of the posters to see additional details about that movie. There is also search bar for users to search to see if their favorite movie is included.

Technologies

HTML
CSS
JavaScript
React
Cypress

Install

Clone down this repo to your machine
cd into the directory rancid-tomatillos
Run npm install in the terminal
Run npm start in the terminal
In the browser go to http://localhost:3000/

Specs

Project specs can be found here

Rancid Tomatillos

Additions

Future Iterations

Rate movies
Allow user to favorite movies and add to watch list
Use another API with a bigger databse of movies

Contributors

rancid-tomatillos's People

Contributors

Watchers

Forkers

bpeterson2579

rancid-tomatillos's Issues

When the server returns a 500 error, the user will see proper error handling

As a user, I can click a movie, and see that movie’s details

A link to 2-3 pieces of design inspiration that you will aim to mimic

An initial plan for your component architecture

What components do you envision needing?
Where will data be stored?
How will information be passed around?

Create repo for project

Create React app

When a user clicks on a movie and the details page is rendered, the URL updates to reflect that movie’s unique ID as well

A wireframe of your app - this can include sketches of your user interface, or a link to your Canva, InVision, etc.

Refactor Project

The user can click the browser forward & back arrows to navigate

As a user, when I visit the app, all movies should be displayed

When a movie’s details are displayed, none of the other movies will be visible; it should just be that movie’s details (header/footer/etc can still be visible, of course!)

Link DTR to spreadsheet

When a movie’s details are displayed, the user should have a way to return to the main view of all movies

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.