Dashboard clínico con visor DICOM y gestión de flujos
ViñaMed
El proyecto
Plataforma clínica integral que digitaliza toda la operación de ViñaMed: gestión de pacientes, agendamiento, visor DICOM integrado con Cornerstone.js, generación de informes en PDF y comunicación automatizada por correo. Cinco roles de usuario, dos layouts diferenciados y doce módulos operando en producción.
El desafío
ViñaMed operaba con fichas clínicas en papel y reportes ecográficos distribuidos por correo sin trazabilidad. No existía una herramienta centralizada para que médicos, tecnólogos y administración coordinaran la atención: los turnos se gestionaban por WhatsApp, los informes se enviaban manualmente y no había historial de pacientes consolidado. El tiempo entre el examen y la entrega del informe dependía completamente de procesos manuales.
La solución
Construimos un dashboard clínico completo con React 18 + Vite y Firebase como backend en tiempo real. Cornerstone.js permite visualizar estudios DICOM directamente en el navegador; jsPDF genera los informes firmados listos para entregar. Cloud Functions de Firebase automatizan el envío de confirmaciones y reportes por correo vía Resend. El sistema tiene cinco roles diferenciados (Superadmin, Admin, Médico, Tecnólogo Médico, Paciente) y dos layouts de interfaz según el perfil. Doce módulos en producción cubren desde el agendamiento y la agenda del médico hasta el historial clínico completo del paciente.
Módulos del sistema (12 en producción)
- Dashboard principal — métricas del día: citas, ingresos, ocupación por médico
- Agenda del médico — vista semanal con slots de disponibilidad y estado de cada cita
- Agendamiento — flujo de 4 pasos para crear citas con selección de médico, servicio y hora
- Gestión de pacientes — base de datos completa con historial de visitas y datos de contacto
- Historial clínico — registro de cada atención con notas, diagnóstico y documentos adjuntos
- Visor DICOM — visualización de estudios ecográficos directamente en el navegador con Cornerstone.js
- Generación de informes — PDF firmado generado con jsPDF, listo para entregar o enviar por correo
- Panel de tecnólogos médicos — gestión de turnos, carga de estudios DICOM y estado de exámenes
- Panel administrativo — control de médicos, servicios, horarios y configuración del centro
- Notificaciones automáticas — Cloud Functions envían confirmaciones y recordatorios vía Resend
- Panel del paciente — acceso a sus citas, informes y resultados de exámenes
- Reportes de negocio — ingresos, ocupación y métricas de retención por período
Roles y accesos
- Superadmin — acceso total al sistema, configuración global y gestión de cuentas
- Admin — gestión operativa: médicos, agendas, pacientes y reportes del centro
- Médico — agenda personal, historial de sus pacientes e informes propios
- Tecnólogo Médico — carga de estudios DICOM, gestión de exámenes y estado de procesamiento
- Paciente — portal propio con citas activas, historial e informes descargables
Infraestructura y automatizaciones
- Firebase Realtime + Firestore — datos en tiempo real con reglas de seguridad por rol
- 5 Cloud Functions serverless — confirmaciones de cita, recordatorios 24h antes, entrega de informes
- Resend — envío transaccional de correos con plantillas HTML personalizadas
- Cornerstone.js — visor DICOM nativo en el navegador, sin plugins ni software externo
- jsPDF — generación de informes clínicos con firma digital y logo del centro
- Dos layouts de interfaz — clínico (médicos y tecnólogos) y administrativo (admin y superadmin)