Estética Automotiva.
Sistema comercial completo para serviços automotivos: agenda, OS e relatórios.
As demos são interativas no desktop — no celular, veja a prévia logo abaixo.
Três visões navegáveis (painel admin, portal do piloto e site público), com dados fictícios
Problema
Pequenos negócios de estética automotiva precisam unir captação pública e gestão interna sem ferramentas separadas.
Solução
Site público de captação (catálogo de serviços, agendamento em poucos passos e acompanhamento por link) conectado a um painel operacional com agenda, clientes, ordens de serviço detalhadas, produtos e relatórios.
Meu papel
Concepção de produto, modelagem e desenvolvimento.
Resultado
Bom exemplo de produto voltado para pequenos negócios, do público ao operacional.
Stack da demo
Como funciona.
Descrição do produto real (frontend + backend). A demo embutida acima é a versão de demonstração dele, com dados fictícios.
Estética Automotiva é um sistema comercial completo para serviços automotivos (lavagem, higienização, polimento, vitrificação, película), unindo um site público de captação a um painel operacional. O cliente agenda online em poucos passos e acompanha o status por link; a equipe gerencia agenda, clientes e veículos, ordens de serviço detalhadas (avarias, fotos, checklist de qualidade) e relatórios. Um frontend Next.js consome uma API Fastify/Prisma com cálculo de disponibilidade e transições de status modeladas como máquinas de estado.
Arquitetura
- Duas faces no mesmo frontend Next.js (App Router): site público (landing, catálogo de serviços, agendamento e acompanhamento por token) e painel administrativo protegido.
- API em Fastify 5 + Prisma/PostgreSQL, organizada em ~13 módulos de domínio, com validação por schema (TypeBox) e documentação OpenAPI/Swagger.
- Autenticação JWT com rotação de refresh token e controle de acesso por papel (ADMIN/STAFF).
- Disponibilidade calculada no servidor a partir de horários de trabalho e bloqueios de agenda; status de agendamento e de OS validados como máquinas de estado.
- Upload e processamento de fotos (multipart + sharp), geração de relatórios em PDF (pdfkit) e busca global entre clientes, veículos, serviços e produtos.
Módulos
- Site público: landing, catálogo de serviços e páginas de detalhe (conteúdo SPIN)
- Agendamento público: assistente em 4 passos (serviço → data/hora → cliente/veículo → confirmação)
- Consulta FIPE: marca/modelo/ano via integração externa para identificar o veículo
- Acompanhamento por token: status do agendamento e da entrega por link público, sem login
- Agenda: horários de trabalho, bloqueios e visão de calendário
- Agendamentos: lista, filtros e transições de status
- Clientes e veículos: cadastro, histórico de serviços e busca
- Ordens de serviço: avarias (local/severidade), itens de serviço, fotos por etapa, produtos usados, checklist de qualidade e log de atividades
- Catálogos: serviços, pacotes e produtos
- Relatórios: resumo, por parceiro, por serviço, consumo de produtos e clientes — com exportação em PDF
Destaques de engenharia
- Do público ao operacional num só produto: captação (site + agendamento) ligada à execução (ordens de serviço) e à gestão (relatórios).
- Ordens de serviço ricas: documentação de avarias por local e severidade, fotos antes/depois, produtos consumidos e checklist de qualidade.
- Disponibilidade calculada no servidor (horários + bloqueios) alimentando o agendamento público.
- Acompanhamento sem fricção: o cliente vê o andamento por link com token, sem criar conta.
- Integração FIPE para identificar marca/modelo/ano do veículo no agendamento.
- Robustez: validação por schema (TypeBox), rate-limit, OpenAPI/Swagger e testes com Vitest.