SystemSales es una aplicación de gestión de ventas desarrollada con Angular, .NET y Angular Material. La aplicación incluye un sistema de autenticación, módulo de ventas, historial de ventas, generación de informes, registro de usuarios, registro de productos y visualización de ventas de las últimas semanas. Estas características están diseñadas para ser accesibles solo para los usuarios administradores.
SystemSales es una aplicación web que ofrece las siguientes funcionalidades:
- Login: Los usuarios pueden iniciar sesión proporcionando su correo electrónico y contraseña para el usuario admin email:prueba@example.com, clave:1234, supervisor email:prueba1@example.com, empleado email:prueba2@example.com, clave:abc123.
- Registro de Venta: Permite a los usuarios registrar ventas, incluyendo detalles como los productos vendidos, la cantidad y el tipo de pago.
- Consulta de Historial de Ventas: Los usuarios pueden acceder al historial de ventas utilizando el número de factura o seleccionando un rango de fechas.
- Generación de Reportes: Los usuarios pueden generar informes basados en las fechas seleccionadas.
- Registro de Usuarios: Permite registrar nuevos usuarios y realizar operaciones de edición o eliminación de usuarios existentes.
- Registro de Productos: Los usuarios pueden registrar nuevos productos, así como editar o eliminar productos existentes.
- Visualización de Ventas Recientes: Esta funcionalidad solo está disponible para los usuarios con el rol de administrador. Permite visualizar las ventas de las últimas semanas.
SystemSales ofrece múltiples roles de usuario, incluyendo supervisores y empleados, con diferentes niveles de acceso y permisos. La autenticación garantiza que cada usuario solo tenga acceso a las funcionalidades permitidas por su rol.
- Angular: 16.2.0
- .NET: .NET 7.0
- Angular Material: 16.2.10
Este proyecto utiliza las siguientes dependencias:
- Angular: Plataforma para construir aplicaciones web escalables y dinámicas.
- @angular/animations (^16.2.0)
- @angular/common (^16.2.0)
- @angular/compiler (^16.2.0)
- @angular/core (^16.2.0)
- @angular/forms (^16.2.0)
- @angular/platform-browser (^16.2.0)
- @angular/platform-browser-dynamic (^16.2.0)
- @angular/router (^16.2.0)
- Bootstrap: Marco de diseño para páginas web.
- bootstrap (^5.3.2)
- ng-image-slider: Componente de Angular para crear sliders de imágenes.
- ng-image-slider (^7.0.1)
- RxJS: Biblioteca para programación reactiva.
- rxjs (~7.8.0)
- TypeScript: Superset de JavaScript que agrega tipos estáticos al lenguaje.
- typescript (~5.1.3)
- tslib (^2.3.0)
- zone.js (~0.13.0)
- [xlsx] (https://sheetjs.gitbooks.io/docs/)/(https://github.com/SheetJS/js-xlsx) (^0.18.5)
- [sweetalert2] (https://sweetalert2.github.io/)/(https://github.com/sweetalert2/sweetalert2) (^11.6.16)
Si deseas ejecutar este proyecto en otra computadora, sigue estos pasos:
Primero, clona el repositorio de SystemSales desde GitHub a tu computadora local:
- Clona este repositorio:
git clone <https://github.com/sorvylenny/AppSystemSale> - Instala las dependencias:
npm install - Inicia la aplicación:
ng serve - Abre tu navegador web y visita
http://localhost:4200/ - Validar el enviroments que este en
http://www.systemsales.somee.com/api/si no le da alli descargue el backend y cambielo al localhost. - El backend está implementado en .NET y se encuentra disponible en el siguiente enlace: http://www.systemsales.somee.com/swagger/index.html. Para ejecutar localmente, copia esta URL y tendrás acceso a todas las funcionalidades del sistema.
¡Disfruta explorando la aplicación!
Este proyecto fue desarrollado por Katherine Flores floresmKatherine@gmail.com.