Games · Devlog #05 · projeto pessoal

4Naipe

Carteado brasileiro online, com acessibilidade de verdade

Buraco, tranca, truco e dominó em multiplayer em tempo real, com bots, simulador de mesas, regras testadas e uma fonte desenhada para baixa visão e dislexia.

2 min de leitura por Edinaldo Sá

  • Jogos de cartas
  • Multiplayer
  • Acessibilidade
  • Next.js
  • boardgame.io
  • Vitest
Ilustração em pixel art: mesa de feltro verde com moldura de madeira, quatro cartas grandes (ás de espadas, rei de copas, dama de ouros e valete de paus), uma peça de dominó e cartões com “Aa” e “7”.
Ilustração em pixel art feita para este post. Não é uma captura do jogo.

O carteado que a gente joga

Quem joga buraco ou truco online costuma encontrar apps datados, cheios de anúncio e sem acessibilidade. O 4Naipe junta os jogos de carteado que o brasileiro realmente joga, com multiplayer em tempo real e um design pensado para quem tem dificuldade de leitura.

Sete jogos

O catálogo é focado no carteado brasileiro: buraco em duas variantes e truco nas regras paulista e mineira, no mesmo app.

  • Buraco Canastra
  • Buraco STBL
  • Tranca
  • Truco Paulista
  • Truco Mineiro
  • Dominó (draw game)
  • Poker Texas Hold’em

Acessibilidade como decisão

O público do buraco e da tranca é amplo e inclui muita gente acima dos 50. Por isso a acessibilidade entrou como decisão de produto, e não como item de checklist.

  • Fonte Atkinson Hyperlegible, desenhada para baixa visão e dislexia.
  • Layout responsivo mobile-first, pensado primeiro para o celular.

Mesa em tempo real

Multiplayer em tempo real

Com servidor de jogo dedicado.

Chat na partida

Conversa durante o jogo, como numa mesa de verdade.

Bots

Completam a mesa quando falta gente e permitem jogar sozinho.

Bots por jogo

Cada jogo tem os seus bots.

Balanceamento testado

Carteado tem muita regra e muita exceção. Em vez de confiar no olho, o projeto testa:

  • Regras de cada jogo com testes automatizados (Vitest)
  • Simulador de mesas
  • Suíte de stress test

O balanceamento é testado, não chutado.

Stack e ficha técnica

  • npm workspaces + Turborepo
  • Next.js 14 (App Router)
  • React 18
  • Tailwind
  • Zustand
  • TanStack Query
  • Zod
  • Framer Motion
  • boardgame.io
  • Koa + JWT
  • PostgreSQL 16
  • Vitest
  • Playwright
  • Node 20+
Status
Plataforma web funcional com 7 jogos, bots, simulador e stress test
Arquitetura
Monorepo; front em Next.js; servidor de jogo em Koa + boardgame.io
Próxima fase
App React Native, planejado (ainda não existe)

Joga buraco, truco ou se interessa por acessibilidade em jogos? Vamos conversar.

Me escreva