Gestión HospitalariaProyecto UTN × CCSSUpala, Alajuela, CR2024

CCSS — Sistema de Gestión Hospitalaria

Digitalización de procesos y eficiencia operativa: transporte asistencial, citas médicas y control de combustible, integrando APIs corporativas existentes.

Rol
Frontend Lead
Institución
CCSS — Área de Salud de Upala
Equipo
Frontend (3) + Backend (1)
Stack
Vanilla JSCSSBootstrapAxiosHTML5

Descripción

Desarrollo frontend de una plataforma web para la gestión de transporte asistencial (creación de viajes por ambulancia a partir de citas/pacientes), citas médicas y control de combustible. La app consume una API REST existente y utiliza tecnologías ligeras para rendir bien en equipos con recursos limitados. Actualmente es utilizada por el Área de Salud de Upala (CCSS).

Resultado: optimización de asignación de citas en ambulancias, mayor trazabilidad del consumo de combustible y reducción del trabajo manual con exportación de reportes en PDF y Excel.

Impacto

≈ 80%
Reducción tiempo de gestión
viajes/citas en ambulancia
< 1 día
Onboarding
personal operativo
PDF • Excel
Reportes
exportaciones integradas
  • • Reducción significativa de tiempos en la gestión de viajes y citas.
  • • Digitalización de procesos manuales y menor dependencia de soporte.
  • • Onboarding rápido para personal clínico y administrativo.

Módulos

  • • Transporte asistencial: creación de viajes por ambulancia.
  • • Citas médicas: selección por paciente y asignación a viaje.
  • • Control de combustible: registro y seguimiento.
  • • Reportes: exportación a PDF / Excel.

Optimización

  • • Carga inicial ligera (<120KB gzip).
  • • Lazy load de vistas secundarias.
  • • Estados unificados loading/error.
  • • Capa Axios con manejo de errores y reintentos.
  • • Validación en cliente previa a requests.

Mi rol

Proyecto UTN × CCSS

Frontend Lead en un sistema de gestión hospitalaria para la CCSS (Área de Salud de Upala). Lideré el módulo core de transporte asistencial: creación de viajes en ambulancia a partir de citas/pacientes, con reglas de capacidad (si hay camilla, se reducen cupos) y validaciones en tiempo real.

  • UI para seleccionar ambulancia, marcar citas y crear el viaje.
  • Reglas de capacidad/compatibilidad y feedback inmediato.
  • Liderazgo de equipo frontend (3) y coordinación con backend.
  • Levantamiento de requerimientos y despliegue on-site en Upala.