small-projects

Small personal projects

Placar Interativo

Placar para dois times com cores distintas (vermelho e azul).
Aumenta a pontuação com um clique ou toque simples na área do time.
Diminui a pontuação com um clique longo (pressionar e segurar).
Inverte os lados/nomes dos times ao tocar na área do cronômetro.
A fonte do placar se ajusta automaticamente para caber números com dois dígitos.
Cronômetro que inicia automaticamente com 30 segundos ao marcar o primeiro ponto do jogo.
O cronômetro indica visualmente quando está pausado (mudando de cor e tamanho).
Botão para zerar os placares e pausar o cronômetro.
Utiliza a API Wake Lock para impedir que a tela do dispositivo se apague durante o uso.
Interface otimizada para uso em modo paisagem (deitado) em dispositivos móveis.
Sugere e facilita a entrada em modo de tela cheia para uma experiência imersiva.
Botão de ajuda (?) que exibe um modal com as instruções de uso.
Detecção automática de idioma com base nas configurações do navegador do usuário.
Suporte a 11 idiomas com traduções contextuais (ex: "Porta/Fundo", "Perto/Longe").
Funcionalidade offline completa após a primeira visita (Progressive Web App).
Permite a "instalação" do placar na tela inicial de celulares e desktops.
Todos os recursos (fontes, scripts, estilos) são salvos em cache para uso sem internet.