CASO DE ESTUDIO / 11
AppSalon
Agenda de citas para negocios de servicios, con horarios disponibles y administración del catálogo.
En esta página
01 / CONTEXTO
El problema y la solución
El punto de partida
Dar a los clientes una forma de reservar servicios y a la administración una vista de las citas agendadas y la disponibilidad.
La propuesta
Una aplicación donde el cliente consulta servicios y horarios, reserva o modifica sus citas y mantiene informada a la administración por correo.
02 / PRODUCTO
Funciones principales
Cuenta de cliente
Registro, inicio de sesión y recuperación de contraseña.
Reserva de citas
Selección de servicios y horarios disponibles desde la agenda del usuario.
Cambios y avisos
Edición y cancelación de citas con notificación por correo al administrador.
Administración de servicios
Consulta de todas las citas y gestión de servicios, disponibilidad y datos del catálogo.
03 / IMPLEMENTACIÓN
Decisiones técnicas
Estado de interfaz con Vue
Vue Router y Pinia acompañan a Vue en la navegación y el manejo de estado del frontend.
Backend API
Laravel y MySQL sostienen la gestión de citas; Tailwind CSS se utiliza para la interfaz.
Comunicar cambios de agenda
Las modificaciones de citas se notifican por correo para mantener informada a la administración.
04 / CAPTURAS
El proyecto en pantalla
Una selección de vistas del proyecto. Pulsa una captura para verla a tamaño completo.
05 / DOCUMENTACIÓN
Explorar en detalle
El recorrido completo por los módulos, las reglas y las pantallas del proyecto.
Leer documentación completa
Aplicación para gestionar las citas de los clientes en una barberia y se puede adaptar a un salón de belleza, dentista, nutricionista, etc.
Este proyecto esta hecho en la parte del frontend con Vue, Vue Router,Pinia y Tailwindcss y en la parte del backend está hecha con Laravel API y Mysql para la base de datos
En este proyecto cada usuario puede registrarse para poder agendar sus citas, una vez que se registre puede iniciar sesión con sus credenciales. También cuenta con la opción de recuperar contraseña.
Una vez que se inicie sesión podrá ver sus citas. Agendar citas viendo los servicios y los horarios disponibles. Puedes editar la cita o eliminarla, notificando al administrador por medio de un correo electrónico.
En la parte del administrador podrá ver todas las citas agendadas por los clientes.
Como administrador también podrás ver los servicios, actualizar disponibilidad, agregar, y editar.
Usuario
user: fran@gmail.com
pass: 12345678
Administrador
user: pedri1@gmail.com
pass: 12345678
Puedes registrarte con un correo y verificar su funcionamiento.Enlace