Clone moderno, responsivo e 100% offline do clássico Teste de Einstein (Zebra Puzzle) do Racha Cuca, estruturado como um Progressive Web App (PWA) pronto para ser hospedado diretamente no GitHub Pages.
- 📱 PWA & 100% Offline First: Equipado com
manifest.jsoneService Worker (sw.js)que faz o pré-cache de todos os arquivos. Funciona sem internet após o primeiro acesso! - ⚡ Pronto para GitHub Pages: Caminhos relativos (
./), funcionando perfeitamente na raiz ou em subpastas (usuario.github.io/repo/). - 🏠 Coloração Dinâmica das Casas: Ao escolher a cor de uma casa (Amarela, Azul, Branca, Verde ou Vermelha), o cabeçalho e a borda da coluna assumem a cor selecionada.
- 🚫 Bloqueio Inteligente de Opções: Cada item selecionado em uma casa é automaticamente desabilitado nas outras da mesma linha para evitar escolhas duplicadas.
- 📋 15 Dicas Interativas:
- Clique para riscar ou desmarcar mentalmente cada dica.
- O motor lógico avalia o tabuleiro em tempo real e avisa se uma dica foi cumprida (
OK) ou se há algum conflito (Conflito!).
- ⏪ Desfazer e Refazer (Undo / Redo): Desfaça ou refaça qualquer movimento (suporta também
Ctrl+ZeCtrl+Y). - ⏱️ Cronômetro: Acompanhe o tempo que você leva para desvendar o enigma.
- 🔊 Efeitos Sonoros Nativos: Sons de clique, erro e fanfarra sintetizados via Web Audio API (sem arquivos de áudio pesados e com botão para silenciar).
- 🎉 Celebração de Vitória: Chuva de confetes coloridos em Canvas e modal de estatísticas ao desvendar o mistério.
- 🌓 Tema Escuro & Claro: Alternância de tema com persistência no navegador.
Siga os passos abaixo para colocar o jogo no ar gratuitamente:
- Acesse sua conta no GitHub e crie um novo repositório (por exemplo, com o nome
teste-qiouteste-de-einstein). - Deixe o repositório como Público (Public) e não marque a opção de inicializar com README (pois já temos todos os arquivos prontos).
No seu computador, abra o terminal nesta pasta do projeto e execute os comandos:
git init
git add .
git commit -m "feat: clone teste de einstein pwa offline"
git branch -M main
git remote add origin https://github.com/SEU_USUARIO/NOME_DO_REPOSITORIO.git
git push -u origin main(Substitua SEU_USUARIO e NOME_DO_REPOSITORIO pelo seu usuário e nome do repositório no GitHub).
- No seu repositório no GitHub, clique na aba Settings (Configurações).
- No menu lateral esquerdo, clique em Pages.
- Na seção Build and deployment:
- Em Source, selecione
Deploy from a branch. - Em Branch, selecione
maine a pasta/(root). - Clique em Save.
- Em Source, selecione
- Aguarde cerca de 1 a 2 minutos. O GitHub exibirá o link público no topo da página:
https://SEU_USUARIO.github.io/NOME_DO_REPOSITORIO/
- Acesse o link do jogo pelo celular.
- Toque no botão Instalar App que aparecerá no cabeçalho ou abra o menu do Chrome (
⋮) e selecione Instalar aplicativo ou Adicionar à tela inicial. - O jogo passará a funcionar como um aplicativo nativo com ícone próprio na tela de início e funcionando offline.
- Acesse o link no Safari.
- Toque no botão de Compartilhar (ícone do quadrado com a seta para cima).
- Role para baixo e selecione Adicionar à Tela de Início.
- Acesse o link no computador.
- Clique no botão Instalar App no cabeçalho ou no ícone de instalação na barra de endereço do navegador.
Albert Einstein supostamente formulou este enigma e afirmou que 98% da população não conseguiria resolvê-lo mentalmente.
Existem 5 casas de 5 cores diferentes. Em cada casa mora uma pessoa de uma nacionalidade diferente. Cada morador tem seu próprio animal de estimação, bebe uma bebida específica e fuma uma determinada marca de cigarro.
Sua missão: Usar a dedução lógica a partir das 15 dicas fornecidas para determinar quem mora em cada casa e descobrir:
Quem é o dono do peixe?