Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ignag-dev/appsalon-php-mvc
Pagina web de una aplicación para un salón de belleza
https://github.com/ignag-dev/appsalon-php-mvc
fetch-api gulp html-css-javascript mvc scss
Last synced: 24 days ago
JSON representation
Pagina web de una aplicación para un salón de belleza
- Host: GitHub
- URL: https://github.com/ignag-dev/appsalon-php-mvc
- Owner: IgnaG-Dev
- Created: 2024-03-17T22:03:19.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-03-18T00:38:58.000Z (11 months ago)
- Last Synced: 2024-11-15T08:47:37.343Z (3 months ago)
- Topics: fetch-api, gulp, html-css-javascript, mvc, scss
- Language: PHP
- Homepage: https://binnipu.nyc.dom.my.id/
- Size: 731 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://binnipu.nyc.dom.my.id/)
## 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
```
4. Instala las dependencias de Gulp.
```
pnpm install
```
5. ¡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_:
```
[email protected]
```
- _Contraseña_:
```
123456
```
## Rendimiento ✅
A continuación te dejamos algunos parametros de rendimiento de la página web utilizando el plugin [LIghthouse](https://chromewebstore.google.com/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk?pli=1)
## 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.