/swapiBox

An app based on Star Wars that allows a user to view people, vehicles, and planets included in the lore.

Primary LanguageJavaScript

SwapiBoxi

Is based off the Star Wars API and allows a user to navigate through many categories of the lore including: people, vehicles, and planets. The project is given to the developer to assist in their learning of fetch calls, nested fetch calls, as well as testing fetch calls.

The app is available here.

Installation / Setup

If you'd like to install and use SwapiBoxi, please follow these instructions:

  • clone the repo down
  • in your terminal run npm install
  • in your terminal run npm start
  • open your broswer to localhost:3000 (unless otherwise prompted)
  • enjoy!

Stack Used

  • React
  • Jest/Enzyme
  • SCSS
  • NPM

Screenshots

Wireframe:

Screen-Shot-2019-04-30-at-7-55-43-AM.png

Final Product:

https://giphy.com/gifs/ZBWidaWk7F1kovKVNw/html5

Learning Goals

The main intention of this project was for the developer to solidify their knowledge of fetching API data as well as nesting the fetch calls. The developer was to learn how to test the fetch calls effectively in case of a positive or negative repsonse from the call. Finally, the project was given to strengthen the developer's skills with React, setting up components, passing props, and destructuring.