Plataforma web avançada para acompanhamento de rotina médica, cálculo de adesão a dosagens, métricas vitais e leitor de receitas via OCR.
- 💊 Gestão Inteligente de Medicamentos: Cadastro detalhado (nome, dosagem, frequência, horários, estoque e alertas de reposição).
- 🎨 Multi-Theme Engine (4 Temas Dinâmicos):
- ☀️ Claro (Apple Health) — Interface limpa com contraste suave e cartões brancos.
- 🌙 Escuro (Linear / Apple Dark) — Design dark elegante com acentos celestes
#0f172a. - 🌌 Meia-Noite (OLED Obsidian) — Preto puro
#000000para telas OLED e alto contraste. - 🌿 Menta (Wellness Calm) — Tons esmeralda e menta
#f0fdf4para foco e relaxamento.
- 🩸 Painel de Métricas Vitais: Registro e gráficos dinâmicos de Pressão Arterial, Glicemia, Frequência Cardíaca e Peso/IMC com exportação para CSV.
- 📊 Histórico e Taxa de Adesão: Análise mensal e semanal com gráficos de aderência ao tratamento em tempo real.
- 📄 Leitor Inteligente de Receitas (OCR): Processamento e pré-preenchimento automático a partir de receitas médicas em PDF ou imagens.
- ⚡ Arquitetura Modular: JavaScript desacoplado por página (
dashboard.js,medicamentos.js,metricas.js,receitas.js,historico.js,auth.js,app.js).
projeto-controle-medicamentos/
├── css/
│ └── style.css # Sistema de temas CSS e animações personalizadas
├── js/
│ ├── app.js # Biblioteca central (storage, tema, toasts, modal)
│ ├── auth.js # Autenticação e controle de sessão
│ ├── dashboard.js # Lógica do dashboard e doses do dia
│ ├── historico.js # Gráficos de adesão e histórico mensal
│ ├── medicamentos.js # CRUD e controle de estoque de medicamentos
│ ├── metricas.js # Gráficos de pressão, glicemia e IMC
│ └── receitas.js # Simulação OCR e leitura de receitas médicas
├── server/
│ ├── database.js # Banco de dados SQLite persistente
│ ├── parser.js # Parser de texto e extração OCR
│ ├── routes/ # Rotas da API REST
│ └── server.js # Servidor Express (opcional para modo fullstack)
├── index.html # Dashboard Principal
├── medicamentos.html # Catálogo de Medicamentos
├── metricas.html # Monitor de Saúde e Gráficos
├── receitas.html # Scanner de Receitas
├── historico.html # Histórico de Adesão
├── login.html # Tela de Login
└── cadastro.html # Tela de Cadastro
Abra qualquer arquivo .html (ex: index.html ou login.html) diretamente no navegador ou utilizando a extensão Live Server do VS Code.
# 1. Instalar dependências
npm install
# 2. Iniciar o servidor Express
npm start
# 3. Acesse no navegador:
# http://localhost:3000| Método | Rota | Descrição |
|---|---|---|
GET |
/api/medicamentos |
Lista todos os medicamentos cadastrados |
POST |
/api/medicamentos |
Cadastra novo medicamento |
PUT |
/api/medicamentos/:id/dose |
Registra dose tomada |
DELETE |
/api/medicamentos/:id |
Remove medicamento |
GET |
/api/medicoes |
Lista histórico de medições de saúde |
POST |
/api/medicoes |
Registra nova medição com classificação automática |
POST |
/api/scanner/upload |
Processa PDF ou Imagem da receita via OCR |
Desenvolvido com excelência técnica por Matheus Vitor Lourenço Schionato
