
Projeto
ClinicPro - Sua plataforma de consultas online
Sistema SaaS para clínicas, desenvolvido com Next.js, React, TypeScript e TailwindCSS, com integração ao Prisma para gerenciamento de banco de dados e o Stripe para gerenciamento de pagamentos.
O projeto permite registrar um plano, agendamento de consultas e controle de profissionais, tudo dentro de uma interface moderna e responsiva.
JavascriptReactTypescriptNextjsPrismaStripeTailwindCSS
Informações sobre o projeto
Funcionalidades Principais
- Perfil Público Customizado: Configuração de slogan, endereço, telefone, logo/foto de perfil, fuso horário e horários de atendimento.
- Gestão de Serviços: Cadastro, precificação, definição do tempo de duração e ativação/desativação dos serviços prestados.
-
Dashboard Completo:
- Métricas de faturamento e quantidade de agendamentos.
- Insights detalhados baseados nos atendimentos realizados.
- Visualização e acompanhamento de consultas agendadas.
- Sistema de Lembretes: Criação de anotações e tarefas para auxiliar na rotina operacional.
- Planos & Assinaturas: Gerenciamento de planos recorrentes (BASIC e PROFESSIONAL) com integração completa ao Stripe.
- Link de Agendamento: Geração de um link de agendamento público para compartilhamento com pacientes.
- Página Pública Exclusiva: Página dedicada para cada profissional ou clínica (/clinica/[id]).
- Agendamento Prático: Seleção de serviços, escolha de datas disponíveis por meio de calendário interativo e seleção de horários livres.
- Confirmação Rápida: Envio de informações básicas (nome, e-mail e telefone) para confirmação da reserva.
O projeto foi construído utilizando as melhores e mais modernas práticas do ecossistema React/Next.js:
- Framework Principal: Next.js 15 (App Router) & React 19
- Estilização: Tailwind CSS v4 & Radix UI
- Banco de Dados & ORM: PostgreSQL com Prisma ORM
- Autenticação: NextAuth.js v5 (suporte para login via GitHub, Google e WebAuthn)
- Pagamentos & Assinaturas: Stripe API
- Upload de Imagens: Cloudinary API
- Validação de Dados: Zod & React Hook Form
- Consumo de APIs & Gerenciamento de Estado: TanStack React Query (v5)