AppSalon 💇‍♂️💇‍♀️

Este es un proyecto de aplicación web de citas y servicios de un salón de belleza.

Explora la demo del sitio web en el siguiente enlace: AppSalon

Funcionalidades principales 🥇

• Reserva de Citas: Los usuarios pueden programar citas con salones de belleza para una variedad de servicios.
• Exploración de Servicios: Los usuarios pueden explorar los servicios ofrecidos por los salones, incluyendo cortes de cabello, tintes, tratamientos capilares y más.
• Gestión de Salones: Los salones pueden registrar sus servicios, horarios de disponibilidad y gestionar citas recibidas.

Tecnologías Utilizadas 🧑‍💻

• PHP: Backend del proyecto implementado en PHP utilizando el patrón de arquitectura MVC para una mejor organización del código.
• HTML y CSS/SCSS: Maquetación y estilización de la interfaz de usuario utilizando HTML y CSS/SCSS para crear una experiencia visual atractiva.
• Gulp: Automatización de tareas como la compilación de SCSS, minificación de archivos y recarga automática del navegador durante el desarrollo.
• Fetch API: Utilizado para realizar solicitudes asíncronas al servidor para obtener y enviar datos sin necesidad de recargar la página.

Configuración del Proyecto ⚒️

Note

Asegúrate de tener instalado PHP en tu sistema.

1. Clona este repositorio en tu máquina local.

    git clone https://github.com/IgnaG-Dev/appsalon-mvc-php.git
   

2. Configura tu entorno de desarrollo y servidor local.

   El siguiente codigo lo tienes que hacer dentro de la carpeta public

    php -s localhost:3000
   

3. Instala las dependencias de Gulp.

    pnpm install
   

4. ¡Explora y disfruta de AppSalon! Accediendo a:

    http://localhost:3000/
   

Tip

Si deseas editar los archivos CSS, ejecuta: pnpm run dev

Important

Es necesario que agregues la base de datos para ver los servicios

Puedes acceder al sistema mediante las siguientes claves de acceso:

• Usuario:

  usuario@usuario.com
  

• Contraseña:

  123456
  

Rendimiento ✅

A continuación te dejamos algunos parametros de rendimiento de la página web utilizando el plugin LIghthouse

Contribución 📨

¡Las contribuciones son bienvenidas! Si tienes ideas para mejorar esta aplicación, por favor abre un issue para discutir los cambios propuestos o envía una pull request.

Contacto 👤

Si tienes alguna pregunta o sugerencia, no dudes en ponerte en contacto.