🦷 Clínica dental App

Aplicación web completa para la gestión de citas en una clínica dental, con operaciones CRUD, autenticación y persistencia de datos en tiempo real.

🚀 Demo

Proyecto Clínica Dental

🛠 Tecnologías

• React
• JavaScript (ES6+)
• Tailwind CSS
• Firebase (Firestore)
• React DatePicker
• Swiper

✨ Funcionalidades

• Reserva de citas con validación de formulario
• Calendario con horarios reales y filtrado dinámico
• Gestión completa de citas (crear, editar, eliminar)
• Persistencia de datos en tiempo real con Firebase
• Filtrado de profesionales según servicio
• Sistema de mensajes (error, éxito, loading)
• Diseño responsive

🧩 Funcionalidad destacada

Sistema de gestión de citas que permite a los usuarios:

• Reservar citas en tiempo real
• Consultar citas mediante teléfono
• Modificar o cancelar reservas

🧠 Aprendizajes clave

• Gestión de estado en React
• Manejo de asincronía con async/await
• Integración con Firebase (Firestore)
• Validación de formularios
• Organización modular de componentes
• Desarrollo asistido por IA: metodología de trabajo definida con AGENTS.md para garantizar buenas prácticas y escalabilidad.

📸 Capturas

Home

Reservar cita

Mis Citas

Bibliografía

• React
• Instalación Tailwind en React con Vite
• Swiper
• Info React DatePicker

Instalación y ejecución

1. Clonar el repositorio: git clone https://github.com/loli-digital/calendario-dentista-react.git

2. Instalar dependencias pnpm install

3. Ejecutar pnpm run dev