david5280 / lightside

First paired project in Mod 3 at the Turing School

This project was bootstrapped with Create React App.

LightSide

Project Participants: Antonio Fry (https://github.com/AntonioFry) & David Engel (https://github.com/David5280)

Summary

LightSide is a Star Wars themed project that uses React and React-Router to render a site about the Star Wars mythos. The project uses a Star Wars API (https://swapi.co/documentation) in order to fetch data and information about the movies and character in order to display them on the site. The site also allows for favoriting of card which you can access via a favorites button.

Learning Goals & Requirements

1. Learn how to wireframe and know why it is important.
2. Write squeaky clean, well refactored code using ES6 & ES7 syntax.
3. Make informed design decisions to create a user-friendly application.
4. Keep state based components to a minimum and leverage more functional components.
5. Use a modular architecture for your application file structure.
6. Think deeply about React Lifecycle Methods.
7. Understand and utilize React Router to effectively display data.
8. Use propTypes for every component receiving props.
9. Utilization of conditional rendering.
10. Rigorous testing, including on asynchronous functionalities.

Installation

1. clone this repo to your local machine
2. run npm install to download all necessay dependencies
3. run npm start to run the server
4. open localhost:3000 (unless your terminal says otherwise)
5. experiment with the different functionalities & learn about the dark side

Screenshots