Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/cleilsonandrade/starwars_dashboard

Aplicação desenvolvida utilizando a API do SWAPI, exibindo dados dos 7 filmes da franquia StarWars, utilizando a lib Google Charts para exibição de gráficos em formato de dashboard, realizando requisições via fetch API por meio de Promises.
https://github.com/cleilsonandrade/starwars_dashboard

api css dashboard design feather-icons google-charts graphics html javascript promise starwars

Last synced: 29 days ago
JSON representation

Aplicação desenvolvida utilizando a API do SWAPI, exibindo dados dos 7 filmes da franquia StarWars, utilizando a lib Google Charts para exibição de gráficos em formato de dashboard, realizando requisições via fetch API por meio de Promises.

Awesome Lists containing this project

README

        


StarWars Dashboard


Aplicação desenvolvida utilizando a API do SWAPI, exibindo dados dos 7 filmes da franquia StarWars, utilizando a lib Google Charts para exibição de gráficos em formato de dashboard, realizando requisições via fetch API por meio de Promises.


Logo

# 📒 Índice
* [Descrição](#descrição)
* [Requisitos Funcionais](#requisitos)
* [Features](#features)
* [Tecnologias](#tecnologias)
* [Design](#design)
* [Cores](#cores)
* [Fontes](#fontes)
* [Ícones](#ícones)
* [Instalação](#instalação)
* [Licença](#licença)

# 📃 Descrição
Aplicação desenvolvida utilizando a API do [**SWAPI**](https://swapi.dev/), exibindo dados dos 7 filmes da franquia StarWars, utilizando a lib [**Google Charts**](https://developers.google.com/chart?hl=pt-br) para exibição de gráficos em formato de dashboard, realizando requisições via fetch API por meio de Promises e utilizando o pacote de ícones [**Feather**](https://feathericons.com/).

# 📌 Requisitos Funcionais
- [x] Exibição de dados

- [x] Utilização de gráficos

## Features
- [x] Requisição a API

# 💻 Tecnologias
- **HTML**
- **CSS**
- **JavaScript**
- **axios**

# 🎨 Design
- O modelo final para versão desktop e mobile está disponível na pasta `./design`

- Cores

* #000

* #fff

* #f5f6fa

* #FFBA33

* #5e5e5e

* #e9e9e9

- Fontes

* Roboto, sans-serif

- Ícones

* Feather

# 🚀 Instalação
```bash
# Clone este repositório:
$ git clone https://github.com/CleilsonAndrade/starwars_dashboard.git
$ cd ./starwars_dashboard
```

# 📝 Licença
Esse projeto está sob a licença MIT. Veja o arquivo [LICENSE](LICENSE) para mais detalhes.

---


Feito com 💜 by CleilsonAndrade