Muhammad Arslan
Contrátame
Volver a proyectos

Meridian Dental

Un sitio de marketing, portal del paciente, asistente de reservas con IA y consola de administración para clínicas dentales independientes, diseñado como un paquete productizado que una clínica puede comprar listo para usar.

Rol: Solo full-stack design and developmentCronograma: 2026Tipo: Productised web app

Next.js 16

React 19

Tailwind CSS 4

shadcn/ui

Supabase

Resend

Gemini AI

FullCalendar

Página principal de demostración de Meridian Dental Studio y punto de entrada para citas

Descripción general

Meridian Dental es una presencia web completa y una consola de operaciones ligera para una clínica dental independiente. La parte pública es un sitio de marketing pulido con servicios, equipo, contacto y un asistente guiado de reservas. Detrás hay un portal del paciente, un asistente con IA que responde preguntas y agenda citas, y una consola de administración donde la clínica gestiona todo. Lo construí como un producto vendible, un sitio de pago único más un plan mensual, en lugar de un sitio de cliente único. Su alcance está deliberadamente pensado para situarse delante del sistema de gestión de pacientes existente en la clínica en lugar de intentar reemplazarlo.

El problema

Las clínicas dentales independientes suelen enfrentarse a una mala elección. Pueden obtener un sitio web de folleto de buen aspecto que no hace nada más allá de enumerar un número de teléfono, o pueden pagar por un software pesado de gestión de clínicas que maneja los registros pero no hace nada para ayudar a los pacientes a reservar u obtener respuestas a sus preguntas en línea. Nadie ofrecía el punto intermedio: un sitio que se ve profesional, permite a los pacientes autogestionarse, responde a las preguntas de rutina y le da al dentista un lugar simple para gestionarlo todo, sin un contrato de software de seis cifras.

Mi rol y enfoque

Diseñé y construí todo el proyecto en solitario, tanto el pensamiento del producto como la ingeniería. Gran parte del trabajo consistió en decidir qué no construir. El producto evita intencionadamente competir con sistemas consolidados de gestión de clínicas y, en su lugar, se centra en la puerta de entrada: reservas, comunicación con el paciente y una consola operativa reducida. Esa disciplina mantuvo el alcance viable de entregar y la propuesta de valor lo bastante clara como para fijarle un precio.

Stack tecnológico

FrameworkNext.js 16 (App Router, Turbopack) with React 19
Estilos / UITailwind CSS 4 with shadcn/ui
BackendSupabase (Postgres, Auth, Storage)
Correo electrónicoResend with React Email templates
AIVercel AI SDK v6 with Google's Gemini 2.5 Flash
ProgramaciónFullCalendar v6
Formularios y validaciónreact-hook-form with Zod
AnimaciónGSAP

Características clave

Sitio público de marketinginicio, servicios, equipo, contacto, seguros, páginas para nuevos pacientes y un asistente guiado de reservas.
Cuentas de pacientesinicio de sesión sin contraseña a través de enlaces mágicos de Supabase.
Portal del pacienteun panel privado para citas y gestión de perfiles.
Asistente con IAun chatbot impulsado por Gemini que responde basándose en el propio documento comercial de la clínica y puede ejecutar acciones reales mediante llamadas a herramientas, incluyendo reservar una cita, enviar un mensaje de contacto o abrir la página del servicio correcta.
Consola de administracióngestiona clientes potenciales, edita el documento de conocimiento del chatbot, crea, edita y elimina servicios y dentistas, visualiza reservas y utiliza un calendario de arrastrar para reprogramar.
Reservas a prueba de conflictosel sistema imposibilita las reservas dobles por dentista a nivel de base de datos, y el asistente de reservas desactiva en gris los horarios no disponibles antes de que un paciente pueda elegirlos.

Galería

Flujo de reservas de Meridian con profesionales de muestra y una visita de blanqueamiento dental
Calendario de reservas de Meridian con horarios de citas de demostración y estimación de la consulta

Desafíos y soluciones

El problema de ingeniería más importante fue evitar las reservas duplicadas. Que dos pacientes hagan clic en "confirmar" en el mismo turno y al mismo momento es una condición de carrera clásica, y verificar la disponibilidad en el código de la aplicación nunca cierra del todo esa brecha. Lo resolví en Postgres con una restricción de exclusión GiST, de modo que la propia base de datos rechaza de forma atómica cualquier reserva solapada para el mismo dentista. El conflicto se vuelve imposible, no solo improbable. Un endpoint independiente de disponibilidad alimenta el asistente de reservas para que los horarios imposibles se desactiven en gris de antemano, lo que significa que los pacientes rara vez se topan con el error en primer lugar.

El asistente con IA fue la otra pieza interesante. A un chatbot para una clínica médica no se le puede permitir inventar cosas. Lo fundamenté en el propio documento comercial de la clínica para que sus respuestas provengan de contenido real y editable que el dentista controla, y le di un pequeño conjunto de herramientas en lugar de permitir formato libre. Puede reservar, enviar un mensaje o mostrar una página, y nada más. El dentista edita el documento de conocimiento directamente desde la consola de administración, por lo que el asistente se mantiene actualizado sin un desarrollador involucrado.

Resultado

Meridian Dental es un producto funcional y listo para demostración. Una clínica puede ver su sitio, un paciente puede reservar a través del asistente de IA o el asistente, y la reserva aterriza en un calendario de administración en tiempo real, con protección a nivel de base de datos contra conflictos de programación. Está empaquetado como una oferta repetible en lugar de una construcción a medida, lo que lo convierte tanto en una pieza de portafolio como en una plantilla comercial genuina.

¿Tienes un problema de producto similar?

Comparte el producto actual, el resultado que necesitas y las limitaciones que ya existen en el camino. Usaré eso para definir un primer hito razonable.

Servicios de desarrollo de aplicaciones web
Inicia el brief de tu proyecto
Todos los proyectosSiguiente proyectoHalatap
Meridian Dental: portal del paciente y reservas con IA para dentistas | Muhammad Arslan