Skip to content

Conversor de moedas em tempo real com histórico de conversões e gráficos de períodos.

Notifications You must be signed in to change notification settings

guilhermegodoydev/moedaio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💱 Conversor de Moedas

Um conversor de moedas em tempo real que utiliza uma API externa para consultar valores atualizados e permite visualizar gráficos interativos com base em diferentes períodos.

✨ Funcionalidades

  • Conversão entre moedas usando dados atualizados via API.
  • Histórico das últimas conversões.
  • Gráficos dinâmicos com a variação da cotação nos períodos:
    • Últimas 24 horas
    • Últimos 7 dias
    • Último mês
    • Último ano

🎥 Demonstração

💻 Versão Desktop

Versão Desktop

📱 Versão Mobile

Versão Mobile

🧰 Tecnologias Utilizadas

  • HTML5
  • JavaScript (Fetch API)
  • Tailwind CSS (build via CLI)
  • Chart.js — para renderização dos gráficos
  • Day.js - para manipulação de dias para a API

🚀 Acesso ao Projeto

✅ Versão Online

Acesse a versão hospedada: https://moedaio.netlify.app/

💻 Rodar Localmente

  1. Clone o repositório:

    git clone https://github.com/guilhermegodoydev/conversor-moeda.git
    cd conversor-moedas
  2. Instale as dependências (apenas para gerar o CSS do Tailwind):

    npm install
  3. Gere o CSS do Tailwind:

    npx tailwindcss -i ./src/css/input.css -o ./dist/output.css --minify
  4. Abra o arquivo index.html no navegador.

Obs: Todo o projeto roda no navegador (client-side).
Não é necessário backend.

About

Conversor de moedas em tempo real com histórico de conversões e gráficos de períodos.

Topics

Resources

Stars

Watchers

Forks

Contributors