[PITCH] Pontuador: placar de jogos reais no celular, offline e sem anúncios
Criei um marcador de placar web (PWA) pensado pros jogos que a gente realmente joga no Brasil. Funciona offline, instala no celular, e já sabe as regras de cada jogo.
Jogos disponíveis:
- 🃏 Truco: +1, +3, +6, até 12 tentos
- ⚽ Futebol: cronômetro regressivo, limite de gols opcional
- 🏐 Vôlei: até 15, 21 ou 25 pts, com regra dos 2 de diferença
- 🏀 Basquete de Rua: +1 dentro, +2 fora, até 11/15/21 pts
Contém "suco" 🧃
O Filipe Deschamps fez um vídeo sobre "juice": aquele polish que transforma algo funcional em algo gostoso de usar. Tentei aplicar isso no Pontuador:
- O número do placar faz spring animation quando muda
- Botão de ponto tem vibração no celular, com padrões diferentes pra ponto normal, truco grande e erro
- Quando alguém vence: confetti com as cores do time, emojis flutuantes e fanfarra
- Sons gerados em tempo real com Web Audio API (pop no ponto, acorde no truco, apito no fim do tempo, fanfarra na vitória). Nenhum arquivo de áudio no projeto.
- A tela não apaga durante a partida (Wake Lock API)
- Transições entre telas com animações suaves
- Respeita
prefers-reduced-motiondo sistema
Compartilhamento com trash talk
Depois que alguém vence, dá pra compartilhar o resultado. No truco, a mensagem muda conforme o placar do perdedor:
- 0 tentos: "Pode lavrar a certidão de óbito"
- 1-3 tentos: "Nem o cachorro embaixo da mesa passava vergonha assim"
[...]
A mensagem vai pro WhatsApp ou clipboard direto.
Funcionalidades
- Instala como app (PWA), funciona sem internet
- Desfazer último ponto
- Nomes dos times editáveis
- Placar salva automaticamente se fechar o app
- Regras configuráveis por jogo
- Timer customizável (1 a 120 min)
- Mute global pra quem não quer som
Para os curiosos
React 18, TypeScript, Vite 5, Tailwind v4, Framer Motion. Zero backend, tudo client-side.
Sugestões de novos jogos ou feedback? Manda nos comentários.