Pular para o conteúdo
CupCakeLabs

Produto próprio, em produção

Petzara

Gestão para petshops: agenda em tempo real, clientes e pets, financeiro, equipe e assinatura.

Setor
Petshops
Ano
2025
Onde roda
Web, PWA
Visão geral do Petzara com agenda do dia e receita por serviço

Contexto

Petshops crescem pelo boca a boca e travam na operação: agenda no caderno, histórico de clientes perdido no WhatsApp, equipe sem visão do dia e financeiro em planilhas.

Produto

Um SaaS multiempresa com agenda que atualiza para toda a equipe ao mesmo tempo, cadastro de clientes, pets e serviços, financeiro integrado, permissões por colaborador, link público de agendamento e assinatura com período de teste, instalável no celular.

Desafio

  • Manter administradores e colaboradores vendo a mesma agenda, atualizada ao vivo, sem misturar dados de petshops diferentes.
  • Validar a assinatura dos webhooks do Stripe, que exige o corpo cru da requisição.
  • Renovar a sessão sem interromper o usuário no meio de um atendimento.

Solução

Cada recurso carrega o identificador do dono; colaboradores herdam esse dono e entram na mesma sala de tempo real. A rota de webhook é montada antes de qualquer processamento de corpo. A renovação de token acontece no próprio middleware e é capturada de forma transparente pelo front-end.

Arquitetura

O front-end fala só com a API, e a API é quem sabe de empresa, assinatura e status. O navegador nunca vê um segredo.

Tecnologia

Front-end
  • React 19
  • Vite
  • Tailwind CSS v4
  • React Hook Form
  • PWA
Back-end
  • Node.js 22
  • Express 5
  • MongoDB
  • Socket.io
Integrações
  • Stripe
  • Google OAuth
  • Resend
  • Sentry
Deploy
  • Railway

Resultado

  • Em produção em petzara.app, com agendamentos e assinaturas via Stripe.
  • Administrador e colaboradores compartilham a mesma agenda em tempo real.
  • PWA instalável e link público para o cliente final escolher um horário sem criar conta.

Por dentro do produto

Visão geral do Petzara com agenda do dia e receita por serviço
Visão geral com a agenda do dia e a receita por serviço.
Agenda semanal com atendimentos por hora
Agenda semanal com atendimentos por hora.
Escolha de serviço base e extras no agendamento
Agendamento em três passos: pet, serviço e data.
Página pública de agendamento do petshop
Link público com horários disponíveis.
Painel financeiro com saldo, receitas e despesas
Financeiro ligado aos atendimentos finalizados.
Configuração de paletas de cor da interface
Quatro paletas de cor, trocadas ao vivo.

Tem um problema parecido?

A primeira conversa serve para entender o problema. Se fizer sentido trabalharmos juntos, você recebe uma proposta com escopo, fases e prazo.

Fale sobre seu projeto