Demo · sistema adaptableDemo con datos ficticios
Logo de Agenda de turnos

Agenda de turnos

Demo de sistema de turnos para clínicas y consultorios

Sistema de turnos para clínicas y consultorios con un panel para cada profesional y otro para la administración, que podés recorrer libremente con datos de ejemplo. Es la base que adapto a la forma de trabajar de cada centro de salud.

Visitar demoagenda.diegomartinacosta.dev
demoagenda.diegomartinacosta.dev/agenda
Agenda de una profesional: almanaque del mes con la ocupación por día y los turnos del día con horarios libres

El problema

En muchas clínicas los turnos se dan por teléfono o WhatsApp y se anotan en cuadernos o planillas: la recepción no ve la disponibilidad real de cada profesional, los cambios de horario y las licencias se pierden, y nadie sabe cuántos pacientes faltan ni qué tan ocupada está la agenda.

La solución

Armé esta demo a partir de la experiencia con SALUS, una plataforma de turnos en producción: cada profesional maneja su agenda, sus horarios y bloqueos; la administración ve la clínica entera, da de alta profesionales y pacientes y sigue la asistencia con reportes. Pacientes y profesionales reciben notificaciones por correo electrónico de cada turno, y una sección de publicidad arma piezas para redes y para la sala de espera con los turnos disponibles y la marca de la clínica. Módulos, permisos, especialidades, coberturas y diseño se adaptan a cada clínica.

Un turno, de punta a punta

  1. PedidoEl paciente llama o escribe
  2. AsignarSolo horarios realmente libres
  3. AvisoCorreo al paciente y al profesional
  4. RecordatorioPor WhatsApp, antes del turno
  5. PublicidadLos turnos libres, a las redes
  6. AtenciónAtendido o no asistió
  7. ReportesAsistencia y ocupación
demoagenda.diegomartinacosta.dev/inicio
Inicio de la administración con turnos del día, ausentes, turnos sin cerrar, ocupación y profesionales atendiendo hoy
Inicio de la administración: turnos del día, ausentes, turnos sin cerrar y quién está atendiendo.
demoagenda.diegomartinacosta.dev/reportes
Reportes con turnos del período, pacientes atendidos, ausencias y asistencia y ocupación por profesional
Reportes de asistencia, ausencias y ocupación de cada profesional.
demoagenda.diegomartinacosta.dev/disponibilidad
Horario semanal de la profesional con varios rangos por día y duración del turno
Cada profesional arma su horario semanal y carga sus bloqueos: la agenda se recalcula sola.
Correo · Bandeja de entrada

Centro Médico Bulevar

Para: maria.fernandez@…

08:12

Tu turno está confirmado

Hola María, te esperamos:

  • Martes 10 de noviembre
  • 09:40 hs
  • Dra. Carolina Giménez · Clínica médica
  • Bv. Pellegrini 2850 · Consultorio 1
Agregar al calendarioNo puedo asistir

Nuevo turno: Fernández, María

Para la Dra. Giménez · Mar 10/11, 09:40 · Sancor Salud

08:12
Notificaciones por correo: el paciente recibe la confirmación de su turno y el profesional, el aviso del turno nuevo.

Representación ilustrativa · datos de ejemplo

demoagenda.diegomartinacosta.dev/publicidad
Sección Publicidad: elección de qué publicitar y vista previa de un post con los turnos disponibles de una profesional
Publicidad: se elige qué publicitar y la pieza sale con los datos de la agenda y la marca de la clínica.
Post con los turnos disponibles de Clínica médica: próximos días y horarios libresPost de turnos disponibles de Pediatría con la paleta coralCartel de aviso de vacaciones de una dermatóloga, con la paleta azul
Turnos disponibles, profesionales, obras sociales o avisos de vacaciones, en post, historia o cartel A4 y con la paleta de cada clínica.
demoagenda.diegomartinacosta.dev/agenda
Agenda de una profesional: almanaque del mes con la ocupación por día y los turnos del día con horarios libres
Tema oscuro
demoagenda.diegomartinacosta.dev/agenda
La misma agenda de la profesional, en tema claro
Tema claro
Tema claro u oscuro: cada usuario elige el suyo, y la primera vez se respeta el del sistema operativo.

Qué resuelve el sistema

Para el profesional

  • Agenda del mes con la ocupación de cada día
  • Línea de tiempo del día: asignar turno, bloquear un horario o el día entero
  • Horario semanal con varios rangos por día y duración del turno
  • Bloqueos por rango de fechas: vacaciones, licencias, trámites
  • Sus pacientes, con historial y nota privada de cada consulta

Para la administración

  • Inicio con los turnos del día, quién atiende y la ocupación de la semana
  • Agenda y turnos de cualquier profesional
  • Alta, edición y baja de profesionales
  • Pacientes con ficha, historial y "darle un turno"
  • Reportes de asistencia, ausencias y ocupación por profesional

Turnos y estados

  • Reservado → atendido, no asistió o cancelado
  • Reprogramación validando que el nuevo horario siga libre
  • Turnos pasados sin marcar, señalados como "sin cerrar"
  • Filtros por día, próximos, pasados y profesional

Avisos y notificaciones

  • Correo al paciente al dar, reprogramar o cancelar su turno
  • Correo al profesional con sus turnos nuevos y cancelaciones
  • Recordatorio por WhatsApp con el mensaje ya armado
  • Tema claro u oscuro, según la preferencia de cada usuario

Publicidad y marca

  • Turnos disponibles de un profesional, con sus próximos horarios libres reales
  • Presentación de profesionales, equipo, obras sociales y avisos de vacaciones
  • Historia, post y cartel A4 para la sala de espera, en tres plantillas
  • Descarga en PNG, impresión o PDF y texto listo para publicar
  • Identidad de la clínica: logo, paleta, tipografía y datos de contacto

Se adapta a tu negocio

Esto es un punto de partida, no un sistema cerrado.

La demo muestra una clínica con datos ficticios, pero cada parte se puede modificar: lo ajusto a cómo trabaja tu clínica o consultorio, a tus especialidades y a lo que necesitás controlar.

  • Reglas de tu clínica

    Duración de turnos, especialidades, obras sociales, permisos por rol y qué puede ver cada uno se ajustan a cómo trabajan.

  • Con la identidad del centro

    Nombre, logo, colores y datos de contacto de la clínica o el consultorio, en la publicidad y en los correos que reciben los pacientes.

  • Listo para usar de verdad

    La versión para un cliente se conecta a una base de datos con usuarios, respaldo y envío de correos, y puede sumar reserva online para pacientes.

Decisiones técnicas

  • 01

    Horarios libres calculados

    La grilla sale del horario semanal y la duración del turno, y se le restan los bloqueos y los turnos ya dados: nunca se ofrece un horario ocupado.

  • 02

    Estados con reglas

    Atendido y no asistió se habilitan recién cuando llega la hora del turno; atendido y cancelado son finales. Un turno reservado que ya pasó queda "sin cerrar".

  • 03

    Cambios de horario sin romper nada

    Si el profesional cambia su horario semanal, los turnos ya dados no se tocan: se marcan "fuera de horario" para resolverlos a mano.

  • 04

    Publicidad sin inventar datos

    Las piezas toman los horarios libres, coberturas y licencias de la misma agenda que usa la recepción: si se da un turno, la pieza se actualiza sola.

Mi rol

  • Diseño de producto e interfaz
  • Desarrollo frontend completo
  • Modelado de las reglas de agenda (grilla, bloqueos y estados)
  • Datos de ejemplo realistas para recorrer la demo

Stack

  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind CSS 4
  • lucide-react
  • html-to-image