https://github.com/ledsouza/bytebank-javascript

Um dashboard web que exibe, em tempo real, as cotações do dólar americano (USD) e do iene japonês (JPY) em relação ao Real Brasileiro (BRL), utilizando gráficos interativos.
https://github.com/ledsouza/bytebank-javascript

awesomeapi chartjs css html javascript

Last synced: about 2 months ago
JSON representation

Um dashboard web que exibe, em tempo real, as cotações do dólar americano (USD) e do iene japonês (JPY) em relação ao Real Brasileiro (BRL), utilizando gráficos interativos.

• Host: GitHub
• URL: https://github.com/ledsouza/bytebank-javascript
• Owner: ledsouza
• Created: 2024-05-31T14:46:09.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-05-31T14:57:01.000Z (7 months ago)
• Last Synced: 2024-05-31T16:39:44.930Z (7 months ago)
• Topics: awesomeapi, chartjs, css, html, javascript
• Language: HTML
• Homepage:
• Size: 263 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Bytebank Dashboard

![Static Badge](https://img.shields.io/badge/Status-Finalizado-green)

Um dashboard web que exibe, em tempo real, as cotações do dólar americano (USD) e do iene japonês (JPY) em relação ao Real Brasileiro (BRL), utilizando gráficos interativos.



## Tecnologias utilizadas:

* HTML

* CSS

* JavaScript

* Chart.js

* Awesome API

## Descrição detalhada:

Este projeto foi desenvolvido como parte de um curso da Alura, com o objetivo de aplicar conhecimentos em desenvolvimento web para construir um dashboard funcional. O Bytebank Dashboard busca fornecer aos usuários uma visão rápida e clara da flutuação das moedas estrangeiras USD e JPY em relação ao BRL.

**Funcionalidades:**

* **Gráficos em tempo real:** O dashboard exibe gráficos interativos que são atualizados em tempo real com as cotações do dólar e do iene.

* **Dados da Awesome API:** Os dados da cotação são obtidos em tempo real através da Awesome API, garantindo informações precisas e atualizadas.

* **Workers para requisições:** Para otimizar o desempenho, o projeto utiliza Web Workers para realizar as requisições à API em paralelo com a thread principal, evitando bloqueios e proporcionando uma experiência mais fluida ao usuário.

**Como executar o projeto:**

1. Clone o repositório: `git clone https://github.com/seu-usuario/bytebank-dashboard.git`

2. Acesse a pasta do projeto: `cd bytebank-dashboard`

3. Abra o arquivo `index.html` no seu navegador.

**Contribuições:**

Sinta-se à vontade para contribuir com o projeto! Você pode abrir issues para reportar bugs, sugerir melhorias ou enviar pull requests com suas próprias modificações.