Esta aplicación permite a los clientes reservar citas en una barbería seleccionando los servicios deseados. Los administradores pueden gestionar servicios y citas desde el panel de administración.
📅 Agendamiento de citas con selección de fecha y hora.
💇 Selección de servicios con precios visibles.
📂 Resumen de cita con detalles del cliente, fecha, hora y servicios.
👤 Panel de administración para gestionar servicios y reservas.
🔄 Interfaz dinámica con JavaScript para una mejor experiencia de usuario.
-
HTML5 y CSS3 (Sass).
-
JavaScript para interactividad.
-
PHP para la lógica del servidor.
-
MySQL para almacenamiento de datos.
-
SweetAlert para alertas elegantes.
-
PHPMailer para establecer una conexión SMTP con un servidor de correo y asi mismo enviar los correos.
-
Mailtrap para pruebas de correo en entorno de desarrollo.
-
Dotenv para gestionar variables de entorno.
- Clona el repositorio:
git clone https://github.com/tuusuario/app-barberia.git - Cambia al directorio:
cd app-barberia - Crear una base de datos con el nombre appsalon.
- Configura la conexión a la base de datos en config/database.php.
- Crea un archivo
.enven la raíz del proyecto y configura las credenciales:DB_HOST=localhostDB_USER=tu_usuarioDB_PASS=tu_contraseñaDB_NAME=nombre_base_de_datosMAIL_HOST=smtp.mailtrap.ioMAIL_USER=tu_usuario_mailtrapMAIL_PASS=tu_contraseña_mailtrapMAIL_PORT=2525 - Instala las dependencias de Composer:
composer install. - Instala las dependencias:
npm install. - Ejecuta Gulp para compilar el código:
npm run gulp. - Dirígete a la carpeta public:
cd public. - Ejecuta el servidor local con PHP:
php -S localhost:3000. - Accede a http://localhost:3000 en tu navegador.
-
Clientes pueden seleccionar servicios y agendar citas.
-
Administradores pueden agregar, editar y eliminar servicios.
-
Resumen de cita muestra todos los detalles antes de confirmar.
-
PHPMailer y Mailtrap manejan el envío de correos para notificaciones importantes.
Si deseas contribuir, abre un Issue o envía un Pull Request.