O Sorriso Raiz é um sistema FullStack desenvolvido para otimizar e automatizar a rotina de uma clínica odontológica.
Seu objetivo é facilitar a gestão de pacientes, consultas e atendimentos, garantindo organização, acessibilidade e eficiência no dia a dia da clínica.
Este repositório reúne toda a aplicação — FrontEnd, BackEnd e Banco de Dados, seguindo boas práticas de desenvolvimento, modularização e segurança.
A plataforma conta com:
- Site institucional (Landing Page)
- Painel administrativo com autenticação de usuários
- Gerenciamento de pacientes e consultas
- Integração com banco de dados real
O sistema foi planejado para proporcionar mais praticidade, segurança e clareza no registro e acompanhamento das informações, contribuindo para um atendimento profissional e ágil.
Página de apresentação acessível a todos os usuários e visitantes, com foco institucional.
- Home: Apresentação geral do sistema e da clínica.
- Sobre Nós: Informações sobre a clínica, propósito, valores e equipe.
- Contato: Canal rápido para comunicação e informações de atendimento.
Seção restrita, acessível apenas mediante autenticação de usuários autorizados.
-
🏠 Admin — Página Inicial:
Painel principal com acesso às funcionalidades internas. -
👤 Tabela de Pacientes:
Visualização e gerenciamento dos pacientes cadastrados.
É possível verificar informações completas dos pacientes, como:- Nome completo | CPF
- E-mail | Telefone
- Endereço | Outras informações relevantes registradas no banco de dados
-
📅 Tabela de Consultas:
Controle detalhado de todas as consultas registradas.
Nesta página é possível visualizar:- Data da consulta | Hora da consulta
- Paciente vinculado | Dentista responsável
- Status da consulta (agendada, confirmada, cancelada, etc.)
-
📝 Marcar Consulta:
Formulário para registrar novas consultas, selecionando paciente, data, horário e procedimento. -
➕ Cadastrar Pacientes:
Tela para inclusão de novos pacientes na base de dados, com validação e armazenamento seguro das informações.
- Instale e execute o XAMPP.
- Acesse o phpMyAdmin.
- Importe o arquivo
clinica.sql, localizado no repositório:
Clinica-Odonto/clinica.sql - O banco de dados será criado com todas as tabelas necessárias para o sistema.
- A pasta do repositório deve estar dentro da pasta "htdocs"
O front-end foi desenvolvido em React.
- Node.js instalado (Download oficial: https://www.nodejs.org)
- Acesse o diretório do front-end:
cd "clinica-frontend/tailwindcss4"
- Instale as dependências e o tailwindcss/vite:
npm install npm install tailwindcss @tailwindcss/vite
- Inicie o Projeto:
npm run dev
Caso tenha dúvidas assista esse material de apoio: https://www.youtube.com/watch?v=sHnG8tIYMB4
| 🔹 Frontend | 🔹 Backend | 🔹 Banco de Dados |
|---|---|---|
| React | PHP | MySQL |
| Tailwind CSS | PHPMyAdmin | |
| React Router | Apache (XAMPP / WAMP / Laragon) |
| Desenvolvedor | Funções |
|---|---|
| Daniel Duarte | FrontEnd, BackEnd e Banco de Dados |
| Agamedes Rodrigues | FrontEnd, BackEnd, Banco de Dados e Documentação |
| Caio Vinicius | FrontEnd, Backend(pagina cadastro) e Banco de Dados |
| Ricksson Medeiros | BackEnd e Banco de Dados |
| Daniel Flor | BackEnd e Banco de Dados |
Este projeto foi desenvolvido como parte da avaliação da cadeira de Programação Web, ministrada pelo professor Daniel Brandão.
Seu objetivo acadêmico é aplicar conceitos de desenvolvimento FullStack em um cenário real, envolvendo front-end, back-end e integração com banco de dados.
Este projeto é de uso livre para fins acadêmicos e profissionais.
Qualquer uso comercial completo deve ser previamente acordado.