{"id":23385721,"url":"https://github.com/yul1b3th/it8-eventcanvas-frontend","last_synced_at":"2026-04-11T13:06:30.810Z","repository":{"id":222329081,"uuid":"749503326","full_name":"Yul1b3th/it8-eventcanvas-frontend","owner":"Yul1b3th","description":"EventCanvas es una aplicación diseñada para la gestión de eventos y usuarios. Incluye características como un calendario interactivo, un mapa dinámico y gráficos visuales.","archived":false,"fork":false,"pushed_at":"2024-02-14T15:50:23.000Z","size":1053,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-08T12:15:02.388Z","etag":null,"topics":["angular","angular-material","bootstrap","chartjs","fullcalendar","javascript","mapbox","nodejs","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Yul1b3th.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-01-28T19:06:47.000Z","updated_at":"2024-05-04T15:13:27.000Z","dependencies_parsed_at":"2024-12-22T00:28:48.313Z","dependency_job_id":"9287b2a4-857d-443f-9582-ccc5c8a524eb","html_url":"https://github.com/Yul1b3th/it8-eventcanvas-frontend","commit_stats":null,"previous_names":["yul1b3th/eventcanvas","yul1b3th/it8-eventcanvas-frontend"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Yul1b3th%2Fit8-eventcanvas-frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Yul1b3th%2Fit8-eventcanvas-frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Yul1b3th%2Fit8-eventcanvas-frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Yul1b3th%2Fit8-eventcanvas-frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Yul1b3th","download_url":"https://codeload.github.com/Yul1b3th/it8-eventcanvas-frontend/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247838445,"owners_count":21004580,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","angular-material","bootstrap","chartjs","fullcalendar","javascript","mapbox","nodejs","typescript"],"created_at":"2024-12-22T00:28:49.376Z","updated_at":"2025-12-30T23:05:58.839Z","avatar_url":"https://github.com/Yul1b3th.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# EventCanvas\n\n## 📄 Descripción\n\nEste repositorio contiene los recursos de una aplicación web para la interacción con diversas APIs, gestión de usuarios, integración de MapBox, FullCalendar y Chart.js. La aplicación implementa un sistema CRUD completo para usuarios, almacenando todos los datos generados por la API correspondiente. Además, se han creado múltiples categorías de marcadores con sus respectivos filtros, proporcionando una experiencia rica y personalizada para los usuarios. También se ha implementado un CRUD para la gestión de eventos, completando así la funcionalidad integral de la aplicación.\n\n\n## ✨ Características \n\n- **API en Node.js:** La aplicación cuenta con una API desarrollada en Node.js.\n\n- **Gestion de usuarios:** Implementación de un sistema CRUD (Crear, Leer, Actualizar, Eliminar usuarios).\n\n- **Mapa Interactivo con MapBox:** Utilización de MapBox para crear un mapa interactivo donde los usuarios pueden explorar y almacenar ubicaciones con latitud y longitud.\n\n- **Calendario Dinámico con FullCalendar:** Integración de FullCalendar para ofrecer un calendario dinámico, permitiendo a los usuarios agregar, modificar y eliminar eventos de manera intuitiva.\n\n- **Gráficos Interactivos con Chart.js:** Utilización de Chart.js para representar datos de manera visual a través de gráficos interactivos, como gráficos de barras y gráficos lineales.\n\n\n## ☁️ Interacción con la API \"EventCanvas\"\n\nEste proyecto se integra con la API [EventCanvas](https://github.com/Yul1b3th/eventcanvas-backend) para gestionar la información de los usuarios. Esta API, construida con Node.js, Express y MySQL, proporciona una serie de endpoints que permiten realizar operaciones CRUD (Crear, Leer, Actualizar, Eliminar) sobre los datos de los usuarios.\n\nLa API sigue los principios de una arquitectura RESTful, lo que facilita su integración y uso. Puedes explorar la [documentación](https://github.com/Yul1b3th/eventcanvas-backend) para conocer más detalles sobre los endpoints disponibles, los métodos HTTP que soportan y la estructura de los datos que devuelven.\n\n\n## 💻 Tecnologías Utilizadas\n\n- HTML5\n- SCSS\n- TypeScript\n- [Bootstrap](https://getbootstrap.com/) version 5.3.2.\n- [Angular CLI](https://angular.dev/) version 17.0.10.\n- [Angular Material](https://material.angular.io/) version 17.1.0.\n- [Mapbox](https://www.mapbox.com/)\n- [FullCalendar](https://fullcalendar.io/docs/angular)\n- [Chart.js](https://www.chartjs.org/docs/latest/)\n\n## 📋 Requisitos\n\n- Node.js y npm instalados en tu sistema. Puedes descargarlos desde [nodejs.org](https://nodejs.org/).\n- Angular CLI instalado globalmente. Puedes instalarlo con el siguiente comando:\n\n```bash\nnpm install -g @angular/cli\n```\n\n## 🛠️ Instalación\n**✔️ Paso 1:** Levanta el servidor de base de datos, utilizando XAMPP u otra herramienta similar. Importa la base de datos utilizando el archivo **_eventcanvas.sql_**.\n\n\n**✔️ Paso 2:** Levanta el servidor [EventCanvas](https://github.com/Yul1b3th/eventcanvas-backend)\n\n\n**✔️ Paso 3:** Clona el repositorio:\n```bash\ngit clone https://github.com/Yul1b3th/eventcanvas.git\n```\n\n**✔️ Paso 4:** Ingresa al directorio del proyecto:\n```bash\ncd eventcanvas\n```\n\n**✔️ Paso 5:** Copia el archivo **_.env.template_** y renómbralo como **_.env_**. Este archivo contendrá las variables de entorno necesarias para la configuración del proyecto.\n\n\n**✔️ Paso 7:** Abre el archivo **_.env_** y completa las variables de entorno según las especificaciones proporcionadas en el archivo. Asegúrate de incluir la clave de acceso de MapBox u otras credenciales sensibles sin compartirlas en repositorios públicos.\n\n\n**✔️ Paso 7:** Instala las dependencias:\n```bash\nnpm install\n```\n\n\n## ▶️ Ejecución\nEjecuta la aplicación con el siguiente comando:\n```bash\nnpm start\n```\n\n## 🌐 Despliegue\n\nPara desplegar la aplicación en producción, sigue estos pasos:\n\n**✔️ Paso 1:** Ejecuta el comando de construcción para compilar la aplicación Angular:\n```bash\nng build --prod\n```\n\n**✔️ Paso 2:** Los archivos generados se almacenarán en el directorio `dist/`. Puedes desplegar estos archivos en un servidor web o en un servicio de alojamiento que admita aplicaciones web estáticas.\n\n\n## 🤝 Contribuciones\n\nSi deseas colaborar en este proyecto o informar sobre problemas, no dudes en crear un \"issue\" o enviar un \"pull request.\"\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyul1b3th%2Fit8-eventcanvas-frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyul1b3th%2Fit8-eventcanvas-frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyul1b3th%2Fit8-eventcanvas-frontend/lists"}