Uma demonstração visual da interface e funcional do conversor.
O Convert Money é uma aplicação web intuitiva para a conversão de valores entre diferentes moedas em tempo real. O projeto foi desenvolvido como parte do meu portfólio pessoal para demonstrar habilidades em HTML5, CSS3 e JavaScript assíncrono, com foco em criar uma experiência de usuário (UX) limpa, agradável e funcional.
A aplicação consome a API da AwesomeAPI para obter as cotações mais recentes, garantindo que os valores exibidos sejam sempre precisos e atualizados.
- Conversão em Tempo Real: Cotações atualizadas via API para conversões precisas.
- Múltiplas Moedas: Suporte para conversão entre Real Brasileiro, Dólar Americano, Euro e Bitcoin.
- Interface Bidirecional: Converta de qualquer moeda para qualquer outra, não apenas a partir de uma moeda base.
- Design Moderno e Responsivo: Interface com tema escuro (Dark Mode), projetada para ser agradável e funcional em qualquer dispositivo.
- Usabilidade Inteligente: A moeda selecionada como origem é automaticamente removida da lista de destino para evitar conversões redundantes.
Este projeto foi construído com as seguintes tecnologias:
- HTML5: Para a estrutura semântica da página.
- CSS3: Para a estilização moderna, utilizando variáveis, Flexbox e um design responsivo.
- JavaScript: Para toda a lógica de interatividade, incluindo:
- Funções Assíncronas (
async/await) para o consumo da API. - Fetch API para realizar as requisições HTTP.
- Manipulação do DOM para atualizar a interface dinamicamente.
Intl.NumberFormatpara formatação correta dos valores monetários.
- Funções Assíncronas (
- AwesomeAPI: Como fonte externa para as cotações de moedas.
- GitHub Pages: Para a hospedagem e demonstração ao vivo do projeto.
Se desejar executar o projeto em sua máquina local, siga os passos abaixo:
-
Clone o repositório:
git clone https://github.com/Jcnok/Convert-Money.git
-
Navegue até o diretório do projeto:
cd Convert-Money -
Abra o arquivo
index.htmlno seu navegador:- Você pode simplesmente clicar duas vezes no arquivo ou usar uma extensão como o Live Server no VSCode para uma melhor experiência de desenvolvimento.
E pronto! A aplicação estará rodando localmente.
Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.
 Julio Okuda |
Vamos nos conectar!
- LinkedIn: https://linkedin.com/in/juliookuda
- GitHub: https://github.com/jcnok