Star Wars API

VIEW PROJECT ONLINE

👉 here 👁

Tecnologics used

• Vite for configuration app in react.
• Mantine, a component library.
• CodeSee for genetating a interactive map

Click here to interact with the map 👉 Interactive react componet map

HotSpots

Listado de naves

https://swapi.dev/api/starships/

Listado de naves con paginación

https://swapi.dev/api/starships/?page=1

Usage

This project is bootstrapped with Vite.

Project setup

npm install

Compiles and hot-reloads for development

npm run dev

Compiles and minifies for production

npm run build

Customize configuration

See Configuration Reference.

Support notes

We use vite to manage the project configuration. It allows us to minimize the bundle size and performance issues is really important and overall fast.

App Usage

• Tab login: It allows you to come into StarShips.
  • Clicking a list item show you a card ship details.
• Tab logout: you logout to welcome page and you won't able to enter StarShips page.
• Tab Register: demo button StarShips pages: a star ships list.

Resources:

Markdown Cheatsheet

Icons

Converting Object to an Array