Markup
Página estática única em HTML
A estrutura da página é definida em um único arquivo HTML, incluindo a interface da calculadora, o select customizado, a área de resultados, o modal de ajuda e o modal de comparação de mineradores.
Stack principal
O que é usado nesta calculadora de custo de mineração e como as responsabilidades estão organizadas.
Estilo
CSS customizado
A camada visual é construída com uma folha de estilo própria, sem framework CSS. Ela inclui tipografia de marca, formulários customizados, painéis de resultado e comportamento responsivo.
Estrutura JavaScript
Vanilla JS separado por responsabilidade
Ao contrário de um app estático de um arquivo só, este projeto separa responsabilidades em scripts diferentes para menu, modais, tradução e interação da calculadora.
Internacionalização
Sistema manual de tradução EN/PT
O app inclui um dicionário de tradução e um fluxo de atualização de interface, permitindo que a mesma página alterne entre inglês e português sem biblioteca de i18n.
Dados de referência
Exemplos de mineradores embutidos
A comparação de mineradores e os valores de referência ficam embarcados no frontend, então a calculadora pode funcionar integralmente no navegador depois de carregar.
Modelo de runtime
Sem backend nem pipeline de build
O projeto é uma calculadora puramente de navegador. Não há bundler, manifesto de pacotes, API nem banco de dados, o que torna uso local e deploy extremamente simples.
Como roda
O app é montado no navegador a partir de uma única página HTML e vários scripts auxiliares.
1
O navegador carrega o shell HTML
index.html contém a estrutura para inputs, seleção de minerador, áreas de resultado, alternância de idioma e conteúdo dos modais.
2
O CSS customizado aplica a UI
styles.css aplica layout, painéis, estilo dos controles, comportamento responsivo e aparência dos modais.
3
A tradução inicializa a interface
translate.js carrega o idioma atual, troca rótulos e textos auxiliares e coordena a lógica bilíngue.
4
Scripts de menu e modal cuidam da interação
menu.js e modal.js gerenciam comportamentos de UI customizados como overlays, pickers e popups de ajuda e referência.
5
A calculadora atualiza os resultados na hora
A entrada do usuário dirige os cálculos de custo de energia no navegador e atualiza os resultados imediatamente, sem nenhuma comunicação com servidor.
Mapa da arquitetura
Embora seja estático, o projeto é mais estruturado do que um utilitário mínimo em um único arquivo.
Arquivos principais
index.htmlInterface principal e marcação estrutural da calculadora.
styles.cssCamada de estilo completa: layout, formulários, cards e design responsivo.
menu.jsComportamento de select/menu customizado para escolha de minerador e fluxos de interação.
modal.jsLógica de abrir/fechar modais para comparação e ajuda.
translate.jsDicionário de tradução e lógica de atualização da página para o modo EN/PT.
tax.icoFavicon do projeto.
Análise da Arquitetura
index.html styles.css menu.js modal.js translate.js tax.ico
Este projeto mostra um meio-termo útil entre JavaScript totalmente inline e um framework completo: continua estático, mas a interação foi separada em scripts focados.
Dados e interação
A calculadora é guiada por dados de referência embutidos e por estado no navegador.
Modelo de entrada
A entrada do usuário controla o cálculo
Hashrate, potência, eficiência e tarifa são informados manualmente ou preenchidos a partir de exemplos de mineradores.
A calculadora atualiza estimativas de custo diretamente no navegador.
Não há persistência de backend nem sistema de contas.
O app é feito para comparações rápidas do tipo "e se...".
Comportamento de referência
Exemplos embutidos e copy bilíngue
Os exemplos de mineradores são embutidos na experiência frontend.
As strings de tradução ficam diretamente em objetos JavaScript.
O app pode rodar sem chamadas de rede depois do load.
A riqueza de interação vem de scripts próprios, não de bibliotecas de UI externas.
Comandos para rodar
Não existe etapa de instalação a menos que você prefira servir via localhost.
Uso local
open index.html # ou python -m http.server
O projeto pode ser aberto diretamente como página estática ou servido por um servidor local mínimo, caso prefira testar via URL.
Ambiente esperado
O que o projeto precisa
Nenhuma instalação de dependência.
Nenhuma variável de ambiente.
Nenhuma API key.
Nenhum runtime de framework.
Resumo final
Hash Cost Calculator é um app web estático modular construído com HTML, CSS e JavaScript puro em múltiplos arquivos. Sua marca registrada é adicionar comportamento de UI mais rico, suporte bilíngue e dados de referência sem cair em uma arquitetura baseada em framework.