Equipe Ruas
Do caderno de chamada a um app que o professor abre no tatame: frequência, graus e faixas de um projeto social de Jiu-Jitsu, com três turmas em bairros diferentes.
- Papel
- Produto, UX e desenvolvimento
- Quem usa
- O professor, no celular e no PC
- Plataforma
- App instalável com notificações
- Status
- Em produção · em uso
Prints com os 20 alunos de demonstração do próprio sistema. Nenhum dado real de aluno aparece aqui.
Graduar é justo só quando o histórico é confiável.
Presença no papel, graus na memória e regras de faixa que dependem de idade e tempo. Com turmas em locais e horários diferentes, decidir quem estava apto para a prova virava trabalho de detetive.
O tatame inteiro no bolso do professor.
Chamada em segundos por turma, ficha completa de cada aluno, regras de graduação aplicadas pelo próprio sistema e documentos prontos para enviar às famílias. Funciona offline e sincroniza com uma planilha.
Painel
Próximo treino, alunos ativos e insights automáticos do tatame.
Alunos
Faixa, graus, treinos e status de cada um, com filtro por turma.
Ficha
Boneco 3D com a faixa do aluno e o certificado a um toque.
Relatório
O mês em números, por turma, pronto para baixar em PDF.
Feito para o tatame, não para o escritório.
Regras de graduação no código
Grau por mérito, até 12 no sistema infantil e 4 no adulto, tempo mínimo em cada faixa e idade mínima para a azul. O sistema avisa quem está apto.
Boneco 3D articulado
Feito com three.js: veste o kimono, a faixa e os graus do aluno, e gira com o dedo.
PDF sem biblioteca
Relatório mensal e certificado de graduação desenhados em canvas e montados em PDF no próprio navegador, prontos para o WhatsApp.
Planilha como banco
Sincronização com Google Sheets via Apps Script, PIN por aparelho e backup, sem servidor caro para manter.
App que avisa
Instalável no celular, funciona offline e manda notificações push, com ícone próprio na barra do Android.
Feito para a mão do professor.
A chamada fica no centro da navegação, a ficha mostra tudo do aluno sem quebrar a tela e o boneco 3D gira com o dedo, mesmo num aparelho simples.
- React 18
- three.js
- Canvas → PDF
- Google Apps Script + Sheets
- Web Push
- PWA · Service Worker
- Vercel