Loading repository data…
Loading repository data…
Fadecio / repository
💱 Dashboard financeiro com cotações de moedas em tempo real, conversor monetário, busca dinâmica, gráficos SVG, dark mode e arquitetura modular em JavaScript.
A transparent discovery signal based on current public GitHub metadata.
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
Dashboard moderno para acompanhamento de moedas em tempo real, desenvolvido com HTML5, CSS3 e JavaScript Vanilla, consumindo dados da API AwesomeAPI.
O projeto permite visualizar cotações atualizadas, pesquisar moedas, converter valores para Real (BRL), alternar entre tema claro e escuro e acompanhar tendências através de mini gráficos.
Exibe informações atualizadas das principais moedas:
Filtra moedas instantaneamente enquanto o usuário digita.
Permite converter qualquer valor da moeda selecionada para Real (BRL) utilizando a cotação atual da API.
Alternância de tema com persistência utilizando Local Storage.
Feedback visual elegante para:
Representação visual da tendência de valorização ou desvalorização da moeda.
As cotações são atualizadas automaticamente a cada 30 segundos.
API utilizada:
https://docs.awesomeapi.com.br/api-de-moedas
Durante o desenvolvimento foram utilizados diversos conceitos importantes para aplicações front-end modernas:
src/
├── css/
│
├── reset.css
├── variables.css
├── global.css
├── components.css
├── themes.css
└── responsive.css
├── js/
│
├── api.js
├── charts.js
├── converter.js
├── render.js
├── search.js
├── theme.js
├── toast.js
└── script.js
| Arquivo | Responsabilidade |
|---|---|
| api.js | Comunicação com API |
| render.js | Renderização dos cards |
| charts.js | Geração dos mini gráficos |
| search.js | Busca de moedas |
| converter.js | Conversão monetária |
| theme.js | Tema claro e escuro |
| toast.js | Sistema de notificações |
| script.js | Inicialização da aplicação |
O projeto foi desenvolvido seguindo a abordagem:
Mobile First
Adaptando-se para:
Clone o repositório:
git clone https://github.com/Fadecio/coinpulse.git
Entre na pasta:
cd coinpulse
Abra o arquivo:
index.html
Ou utilize uma extensão como:
Live Server
Este projeto foi desenvolvido com foco em:
Fadécio Lemos
GitHub: https://github.com/Fadecio
LinkedIn: https://www.linkedin.com/in/fadécio-lemos/
⭐ Se este projeto foi útil para você, considere deixar uma estrela no repositório.