Skip to content

Latest commit

 

History

History
41 lines (33 loc) · 1.19 KB

README.md

File metadata and controls

41 lines (33 loc) · 1.19 KB

Waffle.io - Columns and their card count

SWAPI-box

A React app to track your favorite Star Wars characters, planets and vehicles.

Project spec can be found here.

See it live

App Screenshot

This project was bootstrapped with Create React App.

Wireframe

SWAPI-box is a single page web app with different cards populating a card container depending on the selected navigation button.

App wireframe

App Architecture

App (stateful)
|
|_ ScrollingText (stateful)
|
|_ Header (stateless)
|   |
|   |_ Button (Favorites) (stateful)
|   |
|   |_ Button (People) (stateful)
|   |
|   |_ Button (Planets) (stateful)
|   |
|   |_ Button (Vehicles) (stateful)
|
|
|_ CardContainer (stateless)
    |
    |_ Card (x n depending on API data) (stateful)
    |
    |_ Button (More) (stateful)