Detalles del proyecto

  • Inicio
  • / Detalles del proyecto

image

14 Mar 2024

Plataforma de citas en linea con Next JS y Django

Visita el sitio web oficial de laboratorios Semin.

Screenshot

Este proyecto consiste en un sitio web desarrollado en Next.js, optimizado en rendimiento y SEO para promover los servicios de Laboratorios Semin en Puebla. Hasta el día de hoy, el puntaje sigue siendo superior al de su competencia, como por ejemplo Salud Digna, cuyo sitio web está desarrollado en WordPress y obtiene un puntaje muy bajo.

Puntaje obtenido en rendimiento en Pagespeed

Screenshot

Puntaje obtenido en diferentes categorias en Pagespeed

Screenshot

Puntaje obtenido SEO en Pagespeed

Screenshot

Puntaje obtenido buenas practicas en Pagespeed

Screenshot

El proyecto fue desarrollado en 4 meses y tuvo un seguimiento de 2 meses adicionales para realizar múltiples correcciones y mejoras solicitadas por los dueños de la cadena de Laboratorios Semin, ubicada en Puebla, México.

La segunda parte del proyecto Semin Digital consiste en una plataforma diseñada y programada con Next.js para el frontend y Django para el desarrollo de la REST API. Se siguió esta arquitectura porque en su momento se contempló desarrollar una aplicación móvil en Flutter. Sin embargo, el proyecto fue cancelado y quedó a mitad de desarrollo.

Se cuentan con dos tipos de entornos en el dashboard: uno para Pacientes y otro para Operadores (empleados y administradores del equipo Semin).

Los usuarios que se registran en la plataforma pueden cotizar y agendar estudios médicos. Los pagos pueden realizarse en línea mediante Stripe (la integración se llevó a cabo tanto en Next.js como en Django, donde también se implementó un webhook para verificar el estado de los pagos y/o cancelaciones), o de manera presencial en la sucursal donde soliciten el estudio.

Screenshot

Informes del estudio y formulario para agendar la cita.

Screenshot

Historial de citas.

Screenshot

Carrito de compras: pago en línea o en efectivo.

Screenshot

Se genera una ficha con Stripe y posteriormente se utiliza un webhook para verificar el pago.

Screenshot

Los empleados pueden revisar el calendario de cada sucursal, verificando internamente que el equipo de laboratorio se encuentre en buenas condiciones para la atención del paciente. La plataforma proporciona diversos módulos que facilitan la administración y el manejo del historial de citas realizadas en cada sucursal. Uno de los módulos más utilizados por el equipo del call center es el de agendar citas de manera manual para pacientes que no cuentan con una cuenta en línea, ya que estas citas se gestionan por teléfono.

Screenshot

Detalles de la cita agendada en determinada sucursal y horario.

Screenshot

Formulario para agendar un estudio a un paciente que no tiene una cuenta dentro de la plataforma.

Screenshot

El equipo de trabajo en este proyecto estuvo conformado por dos personas: un desarrollador frontend y yo, quien desarrolló la mayoría de los módulos backend y también brindó apoyo en el desarrollo y la configuración de la plataforma con Next.js.

Proyectos similares

image
04 Nov 2025

REST API con .NET para manejo de subscripciones con Stripe

A full-stack platform for service scheduling

image
01 Oct 2025

Real-Time MariaDB - Elasticsearch Replication Pipeline

Diseñé e implementé un sistema de replicación de datos en tiempo real capaz de manejar millones de inserciones de filas por día.

image
10 Apr 2024

Captura de pantalla en video con Python

En este proyecto desarrollé un grabador de pantalla en Python capaz de capturar en video la actividad del escritorio en Windows.