Barber Shop V&M
Aplicación web
Acerca del proyecto
Tiene una interfaz fácil de usar que hace que el proceso sea fácil, rápido y sin esfuerzo. En la app web se puede reservar una cita desde cualquier lugar y en cualquier momento.
Simplemente el cliente se registra con su correo electrónico y con solo unos clics, puede elegir el día, la hora y los servicios que más le convengan. Y si en algún momento olvida su contraseña, puede restablecerla fácilmente.
Una vez que el cliente haya reservado su cita, tendrá acceso a un resumen detallado que incluye la fecha, hora, servicios y el total a pagar. Y si cambia de opinión o necesita ajustar la hora o los servicios, puede editar o eliminar la cita en cualquier momento, justo como si estuviera en un carrito de compras.
Los administradores de la aplicación pueden acceder a todas las citas del día, pero también tiene la opción de buscar citas por fechas específicas y si necesitan añadir un nuevo servicio, eliminar o modificar uno existente lo pueden hacer fácilmente.
Stack del proyecto
Este proyecto usa tecnología avanzada para mejorar la experiencia del usuario. La aplicación web utiliza el patrón Modelo-Vista-Controlador (MVC) para que sea más fácil de desarrollar y mantener. Además, el lenguaje de programación PHP 8 se usa para que la gestión de datos sea más segura y rápida. La interfaz de usuario está creada con HTML 5, CSS 3 con SASS y JavaScript, para que sea visualmente atractiva e interactiva. La base de datos que se utiliza es MySQL para que sea segura y eficiente en la gestión de datos.
Mi papel
Para hacer una aplicación web que funcione bien en diferentes dispositivos, utilicé tecnologías de maquetación modernas como Flexbox y Grid, También usé JavaScript para hacer la aplicación más interactiva, con un paginador, fechas en un formato legible y alertas.
Para mantener la aplicación actualizada, usé Fetch y Async Await para conectarme a una API y obtener información.
Además, utilicé Gulp para comprimir y optimizar las imágenes y para compilar y organizar los archivos de estilo y javascript.
Utilicé PHP8 para programar la estructura de la página web, incluyendo las funciones para crear, leer, actualizar y eliminar servicios y citas. También agregué medidas de seguridad, como autenticación de usuarios y validación de formularios, para proteger la página y la base de datos de inyecciones de código malicioso.
Además, usé PHP8 para crear los end points de la API, implementar funciones de hasheo de contraseñas, enviar correos electrónicos de confirmación y restablecer contraseñas, y calcular el costo de cada cita.
Para la base de datos, utilicé MySQL y configuré restricciones de integridad referencial para garantizar la precisión de los datos. También diseñé una consulta JOIN para extraer y visualizar de forma clara la información necesaria sobre cada cita.
Finalmente, realicé pruebas utilizando Cypress para identificar y solucionar posibles problemas en las rutas, elementos HTML, estilos CSS, alertas, mensajes y errores que podrían surgir durante el proceso.
Nota: Si desea ver la funcionalidad de confirmar cuenta o resetear la contraseña póngase en contacto conmigo para otorgarle acceso a la cuenta de MailTrap.
