Skip to content

mschneider247/swapi-trivia

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

SWAPI

by: Michael Schneider and Quinne Farenwald

Michael Schneider, Quinne Farenwald

Summary:

SWAPI is a React App based around the Star Wars API that displays different categories of Star Wars data, starting with movies, then diving deeper into 10 characters for that movie. Users are able to favorite their favorite characters and view them on a favorites page.

Tech Stack:

React, ES6, Fetch, Promises, Routes, propTypes, Jest/Enzyme

Installation:

Check out the live site here: https://mschneider247.github.io/swapi-trivia/#/ Otherwise, clone down this repo. Then in your terminal run npm install followed by npm start. Then visit localhost 3000 in your browser!

Screenshots

Homepage/User Form: User must input name, quote, and select a level before they can submit the form. SWAPI homepage

Movies Page that user sees after logging in: As movie data loads 'VIEW CHARACTERS' button become available. SWAPI movies loading

Characters Page user sees after clicking 'VIEW CHARACTERS': The crawl text for the movie will scroll upward as user reviews the character data and favorites characters by clicking on the heart. SWAPI movies loading

Favorites Page that user sees after clicking 'FAVORITES' at the top right of the screen: Characters can be unfavored and favored and will be simultaneously added and removed visually from this page. SWAPI movies loading

About

Use a Star Wars API to display movie and character information

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 85.4%
  • CSS 10.5%
  • HTML 4.1%