Uma calculadora de Bitcoin leve que converte entre BTC, SATS e várias moedas fiduciárias com dados de mercado da Binance. Ela é construída com HTML, CSS e JavaScript modular, incluindo teclado inline, interface bilíngue, dark mode e comportamentos de interação específicos para mobile.
Ao vivo em: https://mybtc.sugiro.ai/
O que sustenta esta ferramenta de conversão de Bitcoin e por que ela parece mais um produto compacto do que uma página estática básica.
A interface é definida em uma única página HTML, incluindo controles do topo, campos de valor ativos, teclado inline, menus de moeda, painel de informação, markup de modal de referência sobre SATS e áreas dinâmicas para conversões entre BTC, SATS e moedas fiduciárias.
O sistema visual é customizado com paleta amarela/preta, controles circulares com Material Symbols, displays responsivos, estilo do teclado inline e uma paleta separada para dark mode.
O projeto separa a lógica de conversão de baixo nível da orquestração de interface. Isso torna preço, formatação, tradução, interação e renderização mais sustentáveis do que um script único.
O app usa endpoints de ticker e klines da Binance para preços de conversão ao vivo e cálculos de retorno histórico, então ele é estático na estrutura, mas depende de uma fonte externa de mercado para entregar toda a funcionalidade.
A calculadora suporta inglês e português, inclui tratamento de toque e feedback háptico no Android, seleção de campo ativo, teclado inline, menu de período de retorno, lógica de dark mode e interações de ajuda mais ricas do que um utilitário mínimo.
Os valores em BTC também são exibidos com espaçamento fino agrupando as oito casas decimais (por exemplo, 1.23 456 789), o que facilita a leitura dos valores em sats.
O projeto não tem manifesto de pacotes nem framework frontend. Ele se mantém leve ao depender de JavaScript de navegador, assets locais e um pequeno conjunto de scripts organizados manualmente.
A calculadora combina assets estáticos com dados de mercado em tempo real dentro do navegador.
index.html carrega a interface principal, assets de ícone, teclado inline, estruturas de menu, painel de informação e os arquivos JavaScript de entrada.
js/core.js concentra a lógica de moeda, a formatação de exibição, os dados de tradução e o comportamento principal da calculadora.
js/app.js coordena animações, painéis informativos, dark mode, input e feedback háptico no Android, seleção de campo, menus de moeda e período e o fluxo interativo dos displays.
O app busca preço atual de BTCUSDT, pares de conversão fiduciária e klines históricas de BTCUSDT na Binance, depois usa esses dados para calcular equivalências entre BTC/SATS e moedas fiduciárias, além de mostrar retornos por período.
Interações como idioma e preferência de dark mode são tratadas localmente, o que mantém o app leve, mas ainda bastante dinâmico.
O projeto é estático, mas é organizado mais como um pequeno aplicativo artesanal do que como uma página única de demonstração.
index.html css/styles.css js/core.js js/app.js assets/ archive/
Este é um bom exemplo de projeto que continua sendo “HTML/CSS/JS puro”, mas já tem profundidade suficiente de interação para se comportar como um pequeno produto.
O app mistura preços da Binance com preferências e estado de interação no próprio navegador.
A calculadora usa o endpoint de ticker da Binance para preço atual de BTCUSDT e pares fiduciários.
BRL usa o par direto USDTBRL, enquanto EUR e GBP invertem as taxas de EURUSDT e GBPUSDT.
A visualização de preço inclui janelas de variação em 1D, 1S, 1M, 3M, 6M, 1A, 2A, 5A e YTD.
Isso deixa o projeto mais dinâmico do que uma calculadora estática offline.
A escolha de idioma é tratada localmente na página em execução.
O dark mode é persistido em localStorage.
Tratamentos de Android, feedback háptico, campo ativo, menus e fluxo de teclado ficam no navegador.
Não existe conta, backend de persistência nem banco de dados.
O app pode ser aberto diretamente ou servido por qualquer servidor estático mínimo.
open index.html # ou python -m http.server
O README sugere servir com um pequeno servidor local, mas o projeto em si não tem etapa de instalação nem build.
Nenhuma configuração de package manager.
Nenhum framework em runtime.
Nenhuma variável de ambiente.
Acesso à rede para buscar preços ao vivo e históricos da Binance.
BTC Calculator é um app estático orientado ao navegador construído com HTML, CSS e JavaScript modular vanilla, mas vai além de um utilitário estático simples ao incorporar dados de mercado em tempo real da Binance, interface multilíngue, dark mode, teclado inline e interações específicas para mobile.