Uma coleção de 12 jogos de palavras em português para jogar, descobrir e explorar.
Jogar agora · Explorar os jogos · Conhecer o design
Sobre o MARÉ
O MARÉ reúne jogos de palavras, lógica e associação em uma experiência web gratuita para começar, sem cadastro. Cada jogo tem suas próprias regras, com desafios diários ou modos livres conforme a modalidade.
O projeto é uma aplicação estática, responsiva e instalável como PWA. Quando o conteúdo está armazenado no cache, os jogos podem ser acessados offline. O progresso é mantido no navegador nas modalidades que oferecem essa função.
| 12 jogos | 13 páginas | 100% web |
|---|
| Palavras, lógica e descobertas | Home + um espaço para cada jogo | HTML, CSS e JavaScript |
Identidade visual · Kanagawa Light
O MARÉ ganhou uma direção visual inspirada na linguagem de composição e nas cores de A Grande Onda de Kanagawa, de Katsushika Hokusai. O resultado não é uma reprodução da pintura, mas um design original de caráter editorial: papel marfim, tinta azul, espuma suave e movimento contido.
A gravura que acompanha a interface é um SVG original do projeto, presente em kanagawa-wave.svg. A mesma linguagem aparece na página inicial, nos tabuleiros, nas cartas de missões e nas imagens de compartilhamento.
| Papel marfim | Azul-prussiano | Índigo oceânico | Névoa |
|---|
#F8F3E8 | #315F87 | #174B6A | #E8F1F1 |
Acessibilidade faz parte da identidade, não é um adereço: há navegação por teclado, foco visível e preferências de alto contraste, tamanho de texto e movimento reduzido. Para tokens, componentes e decisões visuais, consulte o guia Kanagawa Light.
Explore os 12 jogos
| Jogo | Desafio |
|---|
| Recife | Descubra palavras de cinco letras nos modos Clássico, Dueto e Quarteto. |
| Abismo | Encontre a palavra secreta seguindo pistas de significado. |
| Cardume | Organize 16 palavras em quatro grupos relacionados. |
| Corrente | Reconstrua a resposta conectando letras e sequências. |
| Concha | Forme palavras com sete letras e uma letra central obrigatória. |
| Trilha | Ligue letras vizinhas para formar palavras. |
| Enigma | Resolva palavras cruzadas a partir das pistas. |
| Marujo | Encontre palavras escondidas em várias direções. |
| Pérola | Resolva anagramas com pistas e tentativas limitadas. |
| Farol | Reorganize palavras para reconstruir expressões. |
| Náufrago | Descubra a palavra antes de esgotar os erros permitidos. |
| Sinais | Decifre frases a partir de substituições numéricas. |
Linguagens e tecnologias
Como os percentuais foram calculados: soma dos bytes dos arquivos de código versionados na árvore do repositório, por extensão: JavaScript (.js, .cjs, .mjs), CSS (.css), Python (.py) e HTML (.html). Inclui aplicação, scripts operacionais e testes; não inclui imagens, dados ou Markdown. É um retrato verificável do repositório, não uma estimativa de esforço nem a estatística GitHub Linguist.
| Tecnologia | Papel no projeto |
|---|
| HTML5 | Estrutura semântica das páginas e interfaces dos jogos |
| CSS3 | Design system Kanagawa, layouts responsivos e feedback visual |
| JavaScript (Vanilla) | Lógica dos jogos, interatividade, progresso e recursos offline |
| Node.js 20+ | Build, consolidação dos estilos e testes de contratos |
| Python + Playwright | Testes reais em Chromium, acessibilidade e experiência mobile |
| GitHub Actions + Pages | Validação automatizada e publicação do site estático |
O front-end funciona sem framework JavaScript ou backend obrigatório. Os arquivos CSS são organizados por responsabilidade e reunidos, durante o build, em bundles com hash de conteúdo.
Rodando localmente
Você precisa do Node.js 20 ou superior. O projeto não exige instalação de dependências de produção para gerar o site.
# Clonar
git clone https://github.com/paulociano/mare.git
cd mare
# Executar contratos e testes de lógica
npm test
# Construir a versão publicada
npm run build
# Servir o resultado em http://localhost:8000
python -m http.server 8000 --directory _site
Para rodar as verificações estruturais, de código e de build em sequência:
npm run check
A suíte completa de navegador, com Chromium e Playwright, também é executada pelo GitHub Actions.
以上為 README 的開頭部分。其餘內容請閱讀原文。 檢視完整 README ↗
