This project is a Turing front-end evelopment project focused on working with React and Enzyme/Jest.
This is an app for people who would like to browse through Star Wars data and keep track of their favorite people/planets/vehicles. It pulls certain details for each category of data from the Swapi API.
You can view the game live on my GitHub at the following link:
If you'd like to clone this repository to your own local machine, run the following command in your terminal:
git clone https://github.com/lynnerang/swapi-box.git
Then run the following command to install dependencies:
npm install
To view the app in action, run the following command in your terminal:
npm start
Then, go to http://localhost:3000/
in your browser to see the code running in the browser.
- On the home page, you can see the star wars crawl with random movie information.
- You can skip the crawl by clicking the skip button or the Explore or Favorite links.
- You can view details of star wars people, planets, or vehicles from the explore page and move between them from each page.
- You can click the star icon to add favorites, and view those favorites using the Favorites link.
- You can replay the random movie crawl anytime by clicking Play Crawl.
View the project specification on the Turing webpage for this project.
- HTML & CSS
- Flex-box
- Grid CSS
- Wireframing
- UI design
- React
- React router
- Es6 classes
- API fetches
- Enzyme & Jest testing
- Webpack
- NPM
All credit goes to Turing School of Software for providing the project specifications.