Currencee
Aplicação web de conversão de moedas em tempo real, com suporte a mais de 160 moedas, interface moderna e responsiva.
Visão geral
Currencee é um conversor de moedas prático e confiável, pensado para tornar a conversão entre moedas rápida e sem complicação. É possível converter entre as principais moedas do mundo, como USD, GBP, EUR e INR, entre muitas outras.
Os dados de câmbio vêm da CurrencyBeacon API, que cobre mais de 160 moedas ao redor do mundo.
Tecnologias
- React
- Vite
- Node.js
- JavaScript
- CSS
- Express
- API de moedas
Funcionalidades
- Mais de 160 moedas disponíveis para conversão.
- Conversão em tempo real por meio de uma API de câmbio.
- Interface moderna e responsiva, construída com React e CSS.
- Proxy de API com Node.js/Express que protege as chaves de acesso e expõe os endpoints de dados de moedas.
- Compatibilidade entre navegadores e dispositivos.
Screenshots
Desenvolvimento e desafios
A interface foi construída com React (Vite) e CSS puro. Um servidor Node.js com Express funciona como proxy entre a interface e a API de câmbio, mantendo a chave de API protegida fora do código do navegador.
Compatibilidade com versões antigas do Safari
Desafio
O layout inicial usava CSS Grid, sem suporte nas versões mais antigas do Safari (3.2 a 10.2). Mesmo após a troca para Flexbox, a responsividade continuava quebrada nesses navegadores, porque faltavam prefixos de fornecedor (vendor prefixes) no CSS.
Solução
Foi adotado o Autoprefixer, que gera automaticamente os prefixos necessários. No projeto React (Vite), a lista de navegadores suportados foi definida em "browserslist" no package.json ("cover 99.5%") e conferida com o comando npx browserslist.
Conclusão
Construir o Currencee reforçou a importância de tratar a compatibilidade entre navegadores desde o início e de conhecer bem as ferramentas de build. Resolver questões como o suporte ao Safari e a configuração do Autoprefixer trouxe aprendizados valiosos sobre desenvolvimento web.
Projetos relacionados
FinTrack
Plataforma de gestão financeira pessoal inspirada em aplicações de organização financeira, desenvolvida com foco em arquitetura, experiência do usuário e evolução para recursos de Open Finance.