Markup
Entrada única em HTML
O index.html define a estrutura da página, os alvos de texto bilíngue, os controles do formulário, a área de preview e o botão de download do QR gerado.
Stack principal
Este projeto é intencionalmente mínimo e nativo do navegador.
Estilo
Stylesheet separado
O visual da interface vive em styles.css, o que torna o projeto mais fácil de manter do que uma solução toda inline, sem deixar de ser um app totalmente estático.
Biblioteca de geração
Biblioteca de QR local
O projeto inclui um qr-creator.min.js local em vez de depender de CDN, então a geração do QR continua funcionando sem acesso à internet depois que a página abre.
Modelo de interação
Controles, tema e traduções no navegador
O usuário escolhe texto, tamanho, correção de erro, cor, fundo transparente, idioma e tema claro ou escuro diretamente no navegador. O JavaScript atualiza toda a interface e persiste idioma, tema e a escolha de fundo transparente no localStorage.
Modelo de runtime
Sem framework ou ferramenta de build
O projeto não possui manifesto de pacotes, bundler, framework ou camada de API. Tudo roda como arquivos estáticos com manipulação direta do DOM.
Comportamento de saída
Gera e baixa no navegador
O QR Code aparece na página e pode ser baixado como PNG diretamente do navegador, sem geração de imagem no servidor nem etapa de upload.
Como roda
O app é montado a partir de um HTML, uma folha de estilos, um script da aplicação e uma biblioteca de QR embutida.
1
O navegador carrega a base estática
index.html conecta formulário, preview, ganchos de tradução e referências para scripts e estilos.
2
O script inicializa idioma e tema
script.js lê idioma, tema e a escolha de fundo transparente salvos no localStorage, aplica as traduções e ajusta o texto do seletor de cor para desktop ou mobile.
3
O input do usuário configura o QR
Os controles coletam texto, tamanho, cor e correção de erro antes de gerar o código na própria página.
4
A biblioteca local renderiza o resultado
qr-creator.min.js expõe o gerador usado pelo script principal para desenhar o QR na área de preview.
5
O navegador exporta o PNG
O botão de download lê o canvas ou a imagem renderizada e salva o QR Code localmente, sem qualquer chamada para backend.
Mapa da arquitetura
Ela continua entre as arquiteturas mais simples deste conjunto de projetos, mas agora está separada em assets estáticos claros.
Arquivos principais
index.htmlEstrutura da página, controles do formulário, contêiner de preview, alvos de tradução e imports de script e estilo.
styles.cssTodo o visual de layout, cards, controles, comportamento responsivo e apresentação do utilitário bilíngue.
script.jsTraduções, persistência de idioma, geração do QR, comportamento de download e eventos da interface.
qr-creator.min.jsBiblioteca de terceiros embutida que executa a renderização real do QR Code no navegador.
Análise da Arquitetura
index.html styles.css script.js qr-creator.min.js
O projeto continua propositalmente compacto, mas agora separa estrutura, estilo, lógica da aplicação e dependência de QR em arquivos estáticos previsíveis.
Dados e runtime
A página roda inteiramente no navegador e persiste as preferências do usuário localmente; não há backend nem armazenamento remoto.
Guiado por input
Os controles do usuário definem o resultado
Texto ou URL de entrada viram o conteúdo codificado.
Tamanho, cor, correção de erro e fundo transparente são escolhidos na própria página.
Idioma, tema e a escolha de fundo transparente são persistidos no localStorage para a interface reabrir com as mesmas preferências.
Nenhum conteúdo do QR é enviado para backend ou salvo remotamente.
Modelo de dependência
Uma biblioteca local faz o trabalho pesado
A geração do QR Code depende do asset local qr-creator.min.js .
O app continua leve e não precisa de npm nem bundler.
Como a biblioteca é local, a ferramenta é mais portátil do que uma solução via CDN.
Isso continua sendo um utilitário de navegador, não uma aplicação de stack ampla.
Comandos para rodar
Não existe instalação via package manager nem workflow de framework.
Uso local
open index.html # ou python -m http.server
Você pode abrir o arquivo diretamente ou servir a pasta com um servidor estático mínimo se preferir URLs locais em vez de file://.
Ambiente esperado
O que o projeto precisa
Nenhuma etapa de npm install.
Nenhuma variável de ambiente.
Nenhuma API key.
Nenhum serviço de backend ou dependência externa de runtime.
Resumo final
QR Code Generator é uma utilitário estático leve construída com HTML puro, folha de estilo separada e JavaScript no navegador, usando uma biblioteca de QR embutida com lógica de idioma e download no navegador para manter tudo privado e sem servidor.