Ir para o conteudo
Modo Demo·Todos os dados exibidos sao ficticios.
Portfolio / Case Study

DEMA Academy Platform

De planilhas e WhatsApp a um ecossistema digital para alunos, equipe e comunidade.

O problema

Academias de Jiu-Jitsu dependem de processos manuais: frequencia em papel, graduacao na memoria do professor, materiais espalhados e comunicacao fragmentada. Alunos nao veem progresso de forma clara; instrutores perdem tempo com tarefas operacionais.

A solucao

Uma plataforma unificada com area do aluno, ranking gamificado, biblioteca de materiais, loja integrada, comunidade e portal admin. Tudo pensado para demo portfolio com dados ficticios e arquitetura pronta para backend real.

Arquitetura

Camadas desacopladas para trocar mock por API sem reescrever a UI.

01

UI — React + TanStack Router, shells por persona (publico, aluno, admin)

02

Hooks — TanStack Query + servicos de dominio (ranking, graduacao, recomendacoes)

03

Repositories — interfaces TypeScript com implementacao demo (delay + localStorage)

04

Data — catalogos mock e AdminStore para simular CRUD

Component → Hook → Repository (interface) → Demo impl → Mock / localStorage
                    ↓
              Domain services (ranking, graduation, recommendations)

Screenshots

Home — marca DEMA e jornada do aluno
Home — marca DEMA e jornada do aluno
Dashboard do aluno — frequencia, eventos e conquistas
Dashboard do aluno — frequencia, eventos e conquistas
Loja — catalogo com recomendacoes contextuais
Loja — catalogo com recomendacoes contextuais

Roadmap

  1. 01Backend REST/GraphQL com auth e persistencia real
  2. 02Notificacoes push para eventos e graduacoes
  3. 03Integracao pagamentos na loja
  4. 04App mobile nativo ou PWA offline-first