Light Side

This project was bootstrapped with Create React App. This app demonstrates basic React principles that allows a user to characters, planets, and vehicles from the Star Wars series. The page opens with the classic scrolling text that begins each movie, with a button for the user to enter the site. Upon entering, the user may select a category with items to view, select, remove and view favorites, and read more details on each item.

Set Up

To access this page, start by cloning down this repository by pasting this in your command line :

git clone https://github.com/pgoulding/lightside.git

CD into the directory and run npm install.

npm start will start up the React server and you'll see the site in action.

Screengrabs:

Home Screen:

Categories:

Favorites:

Tech Emphasis

This project implemented skills with:

• React
• React Router
• JSX
• SCSS
• Jest and Enzyme
• Fetch APIs
• Asynchronous JS and testing
• Wireframing
• Trello organization
• Git Workflow

Future Iterations

• Add a More button to load more cards.
• Implement localStorage for persisting Data.
• Create a Select Movie button so the user can specify which cards they'd like to see.

Enjoy!

Collaborators: Taylor Noel Jordan (additional projects on GH) Patrick Goulding (additional projects on GH)