OdontoHub A rotina da clínica, em uma experiência conectada.
Uma vitrine da nossa capacidade de transformar rotinas em interfaces claras: da visão do dia ao contexto do paciente, com identidade visual personalizável.
Criado pela equipe Digital S&D para demonstração. Usa dados fictícios. Os dados de negócio ficam na memória da página; apenas cor e tema persistem no navegador. Não é uma implantação em clínica cliente.
Do problema proposto à entrega.
Público proposto: profissionais de clínicas que precisam consultar agenda, contexto do paciente e configurações em uma navegação comum.
Problema proposto
Como aproximar o panorama do dia e os detalhes do atendimento? O projeto explora essa experiência com dados fictícios; não é uma implantação clínica ou prontuário de produção.
Participação e responsabilidade
Trabalho da equipe Digital S&D, fundada por Álvaro Marinho e Arthur Leite. Álvaro participa da SD como fundador; não atribuímos toda a implementação individualmente. A apresentação reúne o trabalho da equipe e as verificações desta versão.
Decisões da implementação
- Rotas Next.js e componentes React separam visão geral, pacientes, agenda e configurações.
- A agenda demonstra quatro visualizações, intervalos e bloqueio de conflitos com estado local.
- Aparência usa seis cores e três temas; somente cor e tema persistem no navegador.
- O aviso e a documentação distinguem modelos Prisma e dependências de um backend efetivamente conectado.
Next.js · React · TypeScript · Tailwind CSS
Entrega e evidências
Interfaces navegáveis, lista e busca de pacientes fictícios, odontograma, anamnese local, agenda e configurações. Os números financeiros são indicadores ilustrativos; esta versão não implementa um módulo de movimentações.
Lint sem avisos, quatro testes de formatação/busca e build com TypeScript passaram. Em execução: navegação e busca, odontograma, agendamento, rejeição de conflito e descarte após reload. Cor e tema permaneceram após reload. Capturas desktop e mobile documentam essa versão.
Limites desta versão
Código privado. Sem login, proteção por usuário, banco ou API de dados conectados. O detalhe de diferentes IDs usa o mesmo paciente de exemplo. Agenda, prontuário e ajustes de negócio são transitórios; horários nas configurações não alteram a agenda. Não há pagamentos ou comprovação de segurança e conformidade clínica de produção.
Informações que precisam fazer sentido juntas.
Agenda, histórico do paciente e configurações fazem parte da mesma rotina. O projeto explora como apresentar esse contexto com navegação direta, estados claros e diferentes formas de consultar a informação.
Do panorama ao detalhe.
- Visão do dia e busca de pacientes
- Agenda com visualizações e regras de horário
- Prontuário, odontograma e anamnese
- Indicadores financeiros fictícios e personalização visual
Explore a interface.
Capturas reais do projeto, com dados de demonstração. Abra uma imagem para ver os detalhes no tamanho completo.
Uma agenda, diferentes leituras
Visualizações por dia, semana, mês e lista, com horários de atendimento e checagem de conflitos na demonstração.
O contexto do atendimento reunido
Prontuário, odontograma e anamnese conectados à navegação do paciente. Os registros exibidos são fictícios.
Um panorama do dia
Indicadores e agenda com dados constantes de exemplo. O financeiro é ilustrativo: esta versão não implementa movimentações, recebimentos ou pagamentos.
Cor e tema lembrados no navegador
Seis cores e três temas persistem neste navegador. Nome e logo são prévias locais; as alterações de negócio não são sincronizadas ou salvas em banco.
A rotina também cabe no celular.
A navegação se adapta a telas pequenas. A agenda oferece uma visualização em lista, enquanto áreas mais amplas mantêm sua rolagem interna.
A captura mostra a interface real. Não é um aplicativo publicado em loja, nem uma sincronização entre dispositivos.
O que esta demonstração inclui — e a próxima etapa.
Nesta vitrine
Interfaces navegáveis, dados fictícios, simulações locais e configurações de aparência. Os indicadores financeiros são exemplos constantes; não há módulo de movimentações, pagamentos ou cobranças implementado.
Em uma implantação
Autenticação, banco de dados, permissões, integrações e os requisitos de privacidade e segurança são planejados e implementados conforme o projeto. A demo não deve receber dados clínicos reais.
Sua necessidade pode ser diferente. O cuidado é o mesmo.
Conte o que precisa organizar ou apresentar. Podemos conversar sobre um site, uma landing page ou um sistema personalizado.