This is an app bootstrapped using create-react-app and it shows data fetching from an API, data caching, state persistance, data display and presentation. It is responsive, mobile friendly and also shows url book mark functionality.
Start app like every react app, running the following command:
npm run startThis runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
Launches the test runner in the interactive watch mode.
Launches the test coverage in an interactive mode.
The app on load shows a dashboard of planets, people and starships. Each planet, person or starship on the dashboards can be added to a favorite list, on favorites views. And on click of a category (planet, person or starship) on the dashboards a user is routed to a category details view. All pages (views) are bookmarkable and data are persisted accross sessions.
See swapi-world-app
See Github.
A warm thank you to SWAPI - The Star Wars API that provided a free API for this app.
See SWAPI.