URL: https://sammyfreitas.github.io/criptofind/
CriptoFind é uma página web experimental para consulta visual do mercado cripto, simulação de compra e leitura simplificada de indicadores financeiros. O projeto combina APIs públicas com dados pré-carregados de segurança para manter a página funcional mesmo quando alguma API falha por CORS, certificado, limite de acesso ou bloqueio de rede.
Criar uma interface didática, moderna e acessível para acompanhar criptomoedas, moedas internacionais e tendências de mercado, servindo como projeto de estudo, portfólio e demonstração prática de consumo de APIs com HTML, CSS e JavaScript.
- Radar com mais de 30 criptomoedas.
- Busca por nome ou símbolo da moeda.
- Filtros por faixa de preço: até R$ 20, R$ 100, R$ 1.000, R$ 5.000 e acima de R$ 5.000.
- Cards com preço, variação em 24h, 7 dias, 30 dias, 3 meses e 1 ano.
- Simulador de compra em reais.
- Estimativa simples de chance de ganho baseada em períodos positivos.
- Gráfico estilo trading sem biblioteca externa.
- Ranking de maiores altas e maiores quedas.
- Modo alerta de compra baseado em queda recente e recuperação histórica.
- Favoritos salvos no navegador com localStorage.
- Ticker com moedas internacionais.
- Data, hora, local e clima.
- Notícias internas pré-carregadas quando APIs externas falham.
- Fallback local para manter o site funcionando sem depender totalmente da internet.
- HTML5
- CSS3
- JavaScript puro
- LocalStorage
- Canvas API
- APIs públicas de cotação, clima e mercado cripto
- Font Awesome para ícones sociais
- CoinGecko: dados de mercado cripto.
- AwesomeAPI: cotações de moedas em reais.
- Open-Meteo: clima.
Observação: algumas APIs podem falhar dependendo do navegador, rede, certificado, bloqueio de CORS ou execução local via
file://. Por isso, o projeto possui dados pré-carregados como fallback.
- Baixe ou clone este repositório.
- Abra a pasta no VS Code.
- Execute com a extensão Live Server.
- Evite abrir o
index.htmldiretamente pelo caminhofile://, pois isso pode bloquear chamadas externas.
criptofind/
├── index.html
├── style.css
├── script.js
├── favicon.ico
├── favicon.png
└── README.mdO projeto usa um favicon personalizado com as letras CF em estilo verde neon, inspirado em terminal financeiro e gráficos de mercado.
No HTML, use dentro da tag <head>:
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.png" type="image/png">Este projeto tem finalidade educacional e demonstrativa. As informações exibidas não representam recomendação de investimento. O mercado cripto é volátil e envolve riscos.
Anthony Freitas
Engenheiro, DEV e Professor.
Atuação em tecnologia, educação profissional, desenvolvimento de sistemas e orientação de projetos práticos.
- WhatsApp: (21) 98614-0005
- E-mail: tonysdefreitas@gmail.com
- LinkedIn: https://www.linkedin.com/in/tony-s-freitas/
- Instagram: https://www.instagram.com/anthony_tijuduke/
Todos os direitos reservados © 2026 - Anthony Freitas.