Merge pull request #13 from AnderssonProgramming/feature/add-last-changes

Feature/add last changes

Author: AnderssonProgramming

README.md

@@ -84,7 +84,7 @@ npm install
 
 El frontend sigue una arquitectura moderna de React con una clara separación de responsabilidades:
 
-![Arquitectura Frontend](assets/images/architecture.png)
+![alt text](image.png)
 
 ### Estructura de Componentes
 
@@ -338,6 +338,14 @@ export default DemandaChart;
 
 El proyecto implementa integración y despliegue continuo mediante GitHub Actions y Azure Static Web Apps. Esta configuración permite despliegue automático cuando se realizan cambios en la rama principal.
 
+Se configuraron dos ambientes (prueba y producción) para el despliegue en Azure del Front.
+
+Se hizo para establecer la conexión directa del front con el back mediante los ambientes correspondientes.
+
+
+[AmbientePruebas](https://cicero-hfg6f7g3echkbvcf.canadacentral-01.azurewebsites.net/)
+[AmbienteProducción](https://eros-g5bfdggfaffvevhr.canadacentral-01.azurewebsites.net)
+
 ### Configuración de GitHub Actions
 
 ```yaml
@@ -478,6 +486,69 @@ src/
 └── routes.js         # Configuración de rutas
 ```
 
+## Funcionamiento
+
+- Login de ingreso para admin o usuario estándar.
+
+![alt text](images/login.jpg)
+
+- Gestionar reservas
+
+![alt text](images/gestionReservas.jpg)
+
+- Detalle reserva
+
+![alt text](images/detalleReserva.jpg)
+
+- Crear reserva
+
+![alt text](images/crearReserva.jpg)
+
+- Insights
+
+![alt text](images/insights.jpg)
+
+- Calendario de reservas
+
+![alt text](images/calendarioReservas.jpg)
+
+- Filtro de reservas
+
+![alt text](images/filtrosReservas.jpg)
+
+- Reservas por Salón
+
+![alt text](images/reservasPorSalon.jpg)
+
+- Gestionar Salón
+
+![alt text](images/gestionarSalon.jpg)
+
+- Agregar salón
+
+![alt text](images/agregarSalon.jpg)
+
+- Editar salón
+
+![alt text](images/editarSalon.jpg)
+
+- Gestionar usuario
+
+![alt text](images/gestionUsuario.jpg)
+
+- Búsqueda usuario
+
+![alt text](images/busquedaUsuario.jpg)
+
+- Crear usuario
+
+![alt text](images/crearUsuario.jpg)
+
+- Editar usuario
+
+![alt text](images/editarUsuario.jpg)
+
+
 ## Contribuciones 🤝
 
 Este proyecto sigue las prácticas de desarrollo colaborativo: