Este proyecto es una aplicación que contiene un CRUD con una tabla de productos, donde puede agregar, eliminar y editar productos. También incluye diversas funcionalidades interactivas para mejorar la experiencia del usuario.
This project was generated with Angular CLI version 18.2.6.
- Calendario: Contiene un calendario implementado con FullCalendar, que permite a los usuarios agregar, eliminar y ver detalles de eventos. Además, incluye funcionalidades para seleccionar fechas directamente desde el calendario.
- Gráficos: Incluye gráficos implementados desde la librería de Charts para visualizar datos de manera efectiva.
- Mapa: Implementa un mapa de MapBox que almacena la información de diferentes marcadores, proporcionando una forma visual de presentar ubicaciones relevantes.
-
Frontend:
- Angular 18
- FullCalendar
- Bootstrap
- NgBootstrap
- ngx-toastr
-
Backend:
- Express.js
- Sequelize
- MySQL
El proyecto está organizado de la siguiente manera:
Para configurar el proyecto, sigue estos pasos:
-
Clona el repositorio: 🛠️
bashgit clonehttps://github.com/tu_usuario/tu_repositorio.gitnpm install -
Configura el Backend:
▶️
- Asegúrate de tener MySQL instalado y en funcionamiento.
- Crea una base de datos llamada almacen.
- Asegúrate de que el backend esté configurado para escuchar en el puerto deseado (por defecto, el puerto 3000).
- Inicia el servidor backend:
▶️
- npm star. Si no funciona atraves del CD ingresa a la carpeta del backend y utiliza el nodemon dist/index.js
- Inicia la aplicación Angular:
▶️ ng serve -o (La aplicación debería estar disponible enhttp://localhost:4200.)
Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.