Voltar aos Projetos
FULLSTACK

Senac Music Hall

Sistema completo para casa de show desenvolvido em 24h durante competição nacional, incluindo múltiplos níveis de acesso e emissão de ingressos.

Next.jsNode.jsPostgreSQLJWT

Informações do Projeto

Data

2025

Cliente

Competição Senac Nacional

Função

Competidor - Categoria Desenvolvimento de Sistemas

Senac Music Hall

Sobre o Projeto

Sistema completo de gestão de ingressos desenvolvido para o evento "O Grande Show" no Senac Music Hall, uma das principais casas de show de Brasília. Solução web robusta para operação interna exclusiva, gerenciando 5.000 pessoas divididas em múltiplos setores (público geral, VIP, imprensa) com controle administrativo centralizado, reservas por setor e validação de acesso em tempo real.

🎯 Problema Resolvido

O Senac Music Hall enfrentava desafios críticos para gerenciar um evento de grande porte:

  • Controle de 5.000 pessoas divididas em setores sem acesso direto do público ao sistema
  • Múltiplas reservas simultâneas (individuais e em grupo) com validação de disponibilidade
  • Envio automático de ingressos por e-mail após cada reserva
  • Validação ágil no dia do evento com atualização instantânea de status
  • Monitoramento de lotação por setor com alertas automáticos
  • Controle de permissões para 3 perfis operacionais distintos
  • Necessidade de dashboard administrativo com visão completa do evento em tempo real

Solução: Sistema de Gestão Integrada

1️⃣ Módulo Administrativo (CRUD Completo)

  • Gestão de Usuários: CRUD completo (nome, CPF, e-mail, senha)
  • Controle de Perfis: 3 níveis de acesso com permissões distintas
  • Administrador: Acesso completo ao sistema (CRUDs, dashboard, relatórios)
  • Vendedor: Reservar ingressos, consultar setores, cadastrar clientes
  • Validador: Exclusivo para validação de ingressos no dia do evento
  • Gestão de Eventos: Cadastro com nome, data, capacidade máxima
  • Gestão de Setores: Nome, capacidade por setor, status de lotação
  • Autenticação JWT: Login seguro com e-mail/CPF e senha
  • Interface responsiva para operação em desktop e mobile

2️⃣ Módulo de Reservas de Ingressos

  • Cadastro de Cliente: Vendedor insere dados (nome, CPF, e-mail) - cliente não acessa sistema
  • Reserva por Setor: Seleção de setor com validação automática de disponibilidade
  • Reservas Flexíveis: Um ou múltiplos ingressos por cliente
  • Alerta de Lotação: Notificação automática quando setor estiver cheio
  • Código Único: Cada ingresso recebe código alfanumérico para validação
  • Envio Automático: Ingresso enviado por e-mail imediatamente após reserva
  • Download de Ingresso: Cliente pode visualizar e baixar ingresso via link
  • Consulta de Ingressos: Visualização de todos ingressos emitidos por setor e status

3️⃣ Módulo de Validação (Check-in no Evento)

  • Interface Validador: Design limpo e otimizado para uso contínuo
  • Inserção Manual: Digitação de código alfanumérico do ingresso
  • Validação Instantânea: Confirmação visual imediata (verde = válido, vermelho = inválido/usado)
  • Atualização em Tempo Real: Status muda para "ingresso validado" no banco instantaneamente
  • Exibição de Dados: Mostra nome do cliente, setor e horário de validação
  • Monitoramento de Lotação: Contador de pessoas validadas por setor
  • Alerta de Capacidade: Notificação quando setor atinge lotação máxima
  • Histórico de validações com timestamp para auditoria

4️⃣ Dashboard Analítico Completo

Visão em tempo real de todas as métricas do evento:

📊 Métricas Gerais

→ Total de ingressos vendidos (número absoluto + percentual da capacidade)

→ Total de ingressos validados (check-ins realizados)

→ Taxa de comparecimento (validados / vendidos)

→ Capacidade total disponível vs ocupada

🎫 Análise por Setor

→ Status de lotação de cada setor (disponível, crítico, esgotado)

→ Destaque visual para setores esgotados (badges coloridos)

→ Alerta para setores com lotação crítica (>90% ocupação)

→ Ranking de setores mais vendidos

→ Ranking de setores com maior ocupação real (check-ins)

📈 Gráficos Comparativos

→ Gráfico de barras: ingressos vendidos por setor

→ Gráfico de pizza: distribuição percentual por setor

→ Gráfico de linhas: evolução de check-ins ao longo do tempo

→ Comparativo vendidos vs validados por setor

🎨 Design Profissional

→ Paleta de cores conforme manual da marca do evento

→ Ícones intuitivos para cada métrica

→ Legendas claras para todos os gráficos

→ Layout responsivo adaptável a diferentes telas

→ Atualização automática dos dados em tempo real

🛠️ Stack Tecnológica

Frontend

  • • Next.js / React
  • • Interface responsiva mobile-first
  • • Tailwind CSS para estilização
  • • Chart.js para gráficos do dashboard

Backend

  • • Node.js / PHP Laravel / Python Django
  • • APIs RESTful protegidas
  • • Autenticação JWT
  • • Middleware de autorização por perfil

Database

  • • MySQL com normalização 3FN
  • • Diagrama Entidade-Relacionamento (DER)
  • • Scripts SQL organizados
  • • Chaves primárias e estrangeiras definidas

Integrações

  • • SMTP para envio automático de e-mails
  • • Geração de PDF dos ingressos
  • • Deploy local
  • • GitHub com branches organizadas

📊 Entregas do Projeto

Módulo 1 Modelagem completa do banco de dados (DER + Scripts SQL com dados de teste)
Módulo 2 Protótipo navegável no Figma com todas as telas e fluxos
Módulo 3 Sistema administrativo funcional (CRUDs, autenticação, reservas, e-mails)
Módulo 4 Módulo de validação + Dashboard analítico completo
GitHub Código versionado com branches (main-teste e main) + README completo
Deploy Sistema funcional em ambiente local
Apresentação Demonstração de 10 minutos do fluxo completo e aprendizados

🎯 Funcionalidades Implementadas

Sistema de Login com autenticação JWT e controle de sessão
CRUDs Completos para usuários, eventos e setores
Cadastro de Clientes pelo vendedor (sem login do cliente)
Reserva de Ingressos por setor com validação de disponibilidade
Geração de Códigos alfanuméricos únicos para cada ingresso
Envio Automático de ingressos por e-mail com PDF anexo
Download de Ingresso via link exclusivo
Validação Manual via inserção de código alfanumérico
Atualização em Tempo Real do status de validação
Monitoramento de Lotação por setor com alertas
Dashboard Analítico com gráficos e métricas em tempo real
Controle de Permissões granular por perfil (Admin, Vendedor, Validador)
🎪

Impacto no Evento

Sistema desenvolvido em 3 dias de competição para as Competições Senac de Educação Profissional 5ª edição. Solução completa que gerencia todo o ciclo de vida do ingresso: desde a reserva pelo vendedor, passando pelo envio automático ao cliente, até a validação no dia do evento com atualização em tempo real. Dashboard administrativo fornece visão completa da operação, permitindo decisões rápidas sobre lotação e distribuição por setores. Arquitetura robusta preparada para 5.000 pessoas simultâneas com controle de acesso seguro e eficiente.

🏆 Destaques Técnicos

Banco de dados normalizado (1FN, 2FN, 3FN) com DER completo
Arquitetura em camadas com separação de responsabilidades
Autenticação e autorização com JWT + middleware de permissões
Integração SMTP para envio automático de e-mails transacionais
Geração dinâmica de PDF dos ingressos com código único
Dashboard com atualização em tempo real via WebSocket/polling
Interface responsiva testada em múltiplos dispositivos
Código versionado com Git Flow (branches main-teste e main)
README completo com instruções de instalação e uso
Seguindo boas práticas de clean code e documentação

Tecnologias Utilizadas

Next.jsNode.jsPostgreSQLJWT

Galeria

Senac Music Hall - Screenshot 1
Ver imagem
Senac Music Hall - Screenshot 2
Ver imagem
Senac Music Hall - Screenshot 3
Ver imagem
Senac Music Hall - Screenshot 4
Ver imagem

Gostou do projeto?

Vamos trabalhar juntos!

Contato