Plataforma ITOP — gestão completa de eventos
Tour por um SaaS multi-tenant de inscrições para grandes eventos: inscrições online, pagamentos, check-in via QR, dashboards operacionais, RBAC e PWA. Construído como portfólio de skills de produto e engenharia.
Descoberta de Eventos
Página inicial pública lista todos os eventos disponíveis em carrosséis segmentados. Hero destaca eventos em alta, com SSR no App Router do Next 14 e tRPC server-side para zero-waterfall.
Destaques
- ▹Server Components com data fetching paralelo
- ▹Carrosséis acessíveis com Embla + autoplay
- ▹OG/SEO otimizados por evento
Stack
Página Pública do Evento
Cada evento tem uma landing page própria, customizável pelo organizador: capa, descrição rica, regras, cronograma, termos e rodapé. Inclui meta tags dinâmicas para compartilhamento.
Destaques
- ▹Editor rich-text (Tiptap) para descrições
- ▹Layouts responsivos com identidade do evento
- ▹Termos e políticas versionados por evento
Stack
Organização & Lista de Eventos
Após o login, o organizador escolhe a organização e acessa a lista de eventos sob sua gestão. Permissões via CASL garantem isolamento entre orgs e papéis.
Destaques
- ▹Multi-tenant via slug em URL e cookie
- ▹RBAC com CASL (Admin, Manager, Staff)
- ▹Membership com convite por email
Stack
Criação e Edição de Evento
Wizard completo para criar/editar eventos: dados gerais, datas, capacidade, termos de aceite e configurações avançadas (lotes, faixas etárias, gênero, REM). Tudo validado com Zod e tipos compartilhados entre client e server via tRPC.
Destaques
- ▹Forms com react-hook-form + Zod resolver
- ▹Editor de termos com versionamento
- ▹Configurações por tipo de evento (TOP, REM, Ladies, Hakuna)
Stack
Dashboards Operacionais
Três dashboards integrados para o organizador: status geral do evento (capacidade, check-in, cancelados), financeiro (PIX, cartão, cupons, descontos) e vendas (funis, conversão, ticket médio). Gráficos com Recharts e agregações no Postgres.
Destaques
- ▹KPIs com refresh sob demanda
- ▹Recharts customizado com tema do app
- ▹Agregações Prisma com cache via tRPC
Stack
Operação do Evento
Suite operacional: lista de inscritos com filtros e busca, check-in manual e via QR Code (com câmera no PWA), gestão de cupons de desconto e link secreto para inscrições privadas/cortesias.
Destaques
- ▹Tabela com TanStack Table (paginação, ordenação, filtros)
- ▹Leitor de QR no navegador via @yudiel/react-qr-scanner
- ▹Cupons com regras (percentual, fixo, limite de uso, validade)
- ▹Link secreto com token único e revogável
Stack
Time & Permissões
Convite de novos membros por email com escolha de papel (Admin, Manager, Staff). Cada papel tem permissões específicas aplicadas tanto no client (UI condicional) quanto no server (tRPC procedures protegidas por CASL).
Destaques
- ▹Convite por email com magic link (NextAuth)
- ▹RBAC consistente client + server (CASL)
- ▹Auditoria de mudanças de papel
Stack
Quer ver mais?
O sistema completo inclui ainda módulos de famílias, saúde, entrega de bonés, geração de PDFs com termos assinados, integração com WhatsApp (Evolution API), webhooks de pagamento (Asaas/Woovi), notificações push (Web Push) e jobs durables com Inngest. Posso mostrar ao vivo em uma conversa.