ClinicPro - Sua plataforma de consultas online

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.
Para Pacientes (Agendamento Online)
  • 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.
🛠️ Tecnologias Utilizadas

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)