{"id":22433196,"url":"https://github.com/andresweitzel/microfrontend_products_ml_angular","last_synced_at":"2026-04-11T09:32:13.593Z","repository":{"id":169875922,"uuid":"645945060","full_name":"andresWeitzel/MicroFrontEnd_Products_ML_Angular","owner":"andresWeitzel","description":"Aplicación Web MicroFrontEnd para la gestión de Productos de ML implementada con Angular, Angular Material UI , Bootstrap, Html5, Scss, Highcharts, Git y Otras Tecnologías.","archived":false,"fork":false,"pushed_at":"2023-09-08T01:16:46.000Z","size":181,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-06-26T05:04:17.942Z","etag":null,"topics":["angular-material","angular14","bootstrap5","git","mercadolibre","microfrontend","microservices","scss"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/andresWeitzel.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2023-05-26T20:29:00.000Z","updated_at":"2023-05-26T21:35:11.000Z","dependencies_parsed_at":null,"dependency_job_id":"e8235290-dafe-471f-8c33-0d48cda5e4eb","html_url":"https://github.com/andresWeitzel/MicroFrontEnd_Products_ML_Angular","commit_stats":null,"previous_names":["andresweitzel/microfrontend_products_ml_angular"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/andresWeitzel/MicroFrontEnd_Products_ML_Angular","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andresWeitzel%2FMicroFrontEnd_Products_ML_Angular","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andresWeitzel%2FMicroFrontEnd_Products_ML_Angular/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andresWeitzel%2FMicroFrontEnd_Products_ML_Angular/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andresWeitzel%2FMicroFrontEnd_Products_ML_Angular/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/andresWeitzel","download_url":"https://codeload.github.com/andresWeitzel/MicroFrontEnd_Products_ML_Angular/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andresWeitzel%2FMicroFrontEnd_Products_ML_Angular/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":268527529,"owners_count":24264687,"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","status":"online","status_checked_at":"2025-08-03T02:00:12.545Z","response_time":2577,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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-material","angular14","bootstrap5","git","mercadolibre","microfrontend","microservices","scss"],"created_at":"2024-12-05T22:14:14.741Z","updated_at":"2026-04-11T09:32:08.573Z","avatar_url":"https://github.com/andresWeitzel.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# MicroFronEnd_Products_ML_Angular\nAplicación Web MicroFrontEnd para la gestión de Productos de ML implementada con Angular, Angular Material, Bootstrap, Html5, Scss, Highcharts, Git y Otras Tecnologías.\n* [Repositorio Microdb_MercadoLibre_Productos_Mysql](https://github.com/andresWeitzel/Microdb_MercadoLibre_Productos_Mysql)\n* [Repositorio Api Rest Microservice_Mercadolibre_Products_AWS](https://github.com/andresWeitzel/Microservice_Mercadolibre_Products_AWS)\n* [Api Doc ML Productos](https://developers.mercadolibre.com.ar/es_ar/publica-productos)\n\n\n\n\u003cbr\u003e\n\n## Índice 📜\n\n\u003cdetails\u003e\n \u003csummary\u003e Ver \u003c/summary\u003e\n \n \u003cbr\u003e\n \n### Sección 1) Descripción, configuración y tecnologías.\n\n - [1.0) Descripción del Proyecto.](#10-descripción-)\n - [1.1) Ejecución del Proyecto.](#11-ejecución-del-proyecto-)\n - [1.2) Configuración del proyecto desde cero](#12-configuración-del-proyecto-desde-cero-)\n - [1.3) Tecnologías.](#13-tecnologías-)\n - [1.4) Comandos útiles para Angular-cli.](#14-comandos-útiles-para-angular-cli)\n\n### Sección 2) Endpoints y Ejemplos \n \n - [2.0) EndPoints y recursos.](#20-endpoints-y-recursos-)\n - [2.1) Ejemplos.](#21-ejemplos-)\n \n### Sección 3) Prueba de funcionalidad y Referencias\n \n - [3.0) Prueba de funcionalidad.](#30-prueba-de-funcionalidad-)\n - [3.1) Referencias.](#31-referencias-)\n\t \n\n\u003cbr\u003e\n\n\u003c/details\u003e\n\n\n\n\u003cbr\u003e\n\n## Sección 1) Descripción, configuración y tecnologías. \n\n\n### 1.0) Descripción [🔝](#índice-) \n\n\u003cdetails\u003e\n  \u003csummary\u003eVer\u003c/summary\u003e\n\n \u003cbr\u003e\n\n### 1.0.0) Descripción General\n\n\n ### 1.0.1) Descripción Arquitectura y Funcionamiento\n \n\n\u003cbr\u003e\n\n\u003c/details\u003e\n\n\n### 1.1) Ejecución del Proyecto [🔝](#índice-)\n\n\u003cdetails\u003e\n  \u003csummary\u003eVer\u003c/summary\u003e\n\u003cbr\u003e\n \n* Instalamos la última versión LTS de [Nodejs(v18)](https://nodejs.org/en/download)\n* Instalamos la cli de angular de forma global si es que no está aún instalado.\n```git\nnpm install -g @angular/cli\n```\n* Una vez creado un entorno de trabajo a través de algún ide, clonamos el proyecto\n```git\ngit clone https://github.com/andresWeitzel/MicroFrontEnd_Products_ML_Angular\n```\n* Nos posicionamos sobre el proyecto\n```git\ncd 'nombreProyectoSinComillas'\n```\n* Instalamos todas las dependencias necesarias\n```git\nnpm i\n```\n* Ejecutar la base de datos\n* Ejecutar la api rest\n* Ejecutar el proyecto\n```git\nng serve \n```\n* La app se deploya en http://localhost:4200/\n\u003cbr\u003e\n\n\u003c/details\u003e\n\n\n### 1.2) Configuración del proyecto desde cero [🔝](#índice-)\n\n\u003cdetails\u003e\n  \u003csummary\u003eVer\u003c/summary\u003e\n \n \u003cbr\u003e\n \n  \n* Creamos un entorno de trabajo a través de algún ide, luego de crear una carpeta nos posicionamos sobre la misma o la abrimos con vsc\n```git\ncd 'projectName'\n```\n* Instalamos la última versión LTS de [Nodejs(v18)](https://nodejs.org/en/download)\n* Instalamos la cli de angular de forma global.\n```git\nnpm install -g @angular/cli\n```\n* Creamos la app (nos apareceran unas opciones de config, aceptamos crear routing y para estilos elegimos scss)\n```git\nng new 'nombreProyectoSinComillas'\n```\n* Usaremos [git](https://www.hostinger.com.ar/tutoriales/instalar-git-en-distintos-sistemas-operativos) como control de versiones. Nos posicionamos en la app e inicializamos git\n```git\ngit init\n```\n* Creamos el repositorio en github (sin readme) y agregamos la url del repositorio creado (ej: la siguiente)\n```git\ngit remote add origin https://github.com/andresWeitzel/MicroFrontEnd_Products_ML_Angular\n```\n* Traemos los cambios del remoto, agregamos los nuevos cambios en local, commitiamos y los subimos al repo.\n```git\ngit pull origin master\ngit add *\ngit commit -m \"Create Angular app\"\ngit push origin\n```\n* Ejecutamos la app inicial\n```git\nng serve\n```\n* Ya tenemos una app funcional con una estructura inicial definida por Angular. La aplicación queda deployada en http://localhost:4200/\n* `Aclaración` : El resto de las modificaciones aplicadas sobre la plantilla inicial, no se describen por temas de simplificación de doc. Para más info consultar el tutorial de [Creación Angular App](https://docs.angular.lat/tutorial/toh-pt0) para el uso de componentes, rutas, etc.\n\n\n\u003cbr\u003e\n\n\u003c/details\u003e\n\n\n\n\n### 1.3) Tecnologías [🔝](#índice-)\n\n\u003cdetails\u003e\n  \u003csummary\u003eVer\u003c/summary\u003e\n\n\n \u003cbr\u003e\n\t\n\u003c/br\u003e\n\n\n| **Plugin** | \n| -------------  |\n| |\n\n\n\u003c/br\u003e\n\n| **Extensión** |              \n| -------------  | \n| Prettier - Code formatter |\n\n\u003cbr\u003e\n\n\u003c/details\u003e\n\n\n\n### 1.4) Comandos útiles para Angular-cli [🔝](#índice-)\n\n\u003cdetails\u003e\n  \u003csummary\u003eVer\u003c/summary\u003e\n\u003cbr\u003e\n\n* Creación de módulos con routing (páginas) \n```git\nng g m pages/products/products-list --module app --route products-list\n```\n* Creación de componentes con modulo\n```git\nng g c components/navbar --module app\nng g m components/navbar --module app\n```\n\n\n\u003cbr\u003e\n\n\u003c/details\u003e\n\n\n\u003cbr\u003e\n\n## Sección 2) Endpoints y Ejemplos. \n\n\n### 2.0) Endpoints y recursos [🔝](#índice-) \n\n\u003cdetails\u003e\n  \u003csummary\u003eVer\u003c/summary\u003e\n\n\u003cbr\u003e\n\n\u003c/details\u003e\n\n\n\n\n### 2.1) Ejemplos [🔝](#índice-) \n\n\u003cdetails\u003e\n  \u003csummary\u003eVer\u003c/summary\u003e\n\u003cbr\u003e\n\n\n\u003cbr\u003e\n\n\u003c/details\u003e\n\n\n\n\u003cbr\u003e\n\n\n## Sección 3) Prueba de funcionalidad y Referencias. \n\n\n### 3.0) Prueba de funcionalidad [🔝](#índice-) \n\n\u003cdetails\u003e\n  \u003csummary\u003eVer\u003c/summary\u003e\n\n\u003cbr\u003e\n\n\u003cbr\u003e\n\n\u003c/details\u003e\n\n\n### 3.1) Referencias [🔝](#índice-)\n\n\u003cdetails\u003e\n  \u003csummary\u003eVer\u003c/summary\u003e\n \n \u003cbr\u003e\n\n#### Documentación\n\n#### Herramientas \n* [Fondos de pantallas unsplash](https://unsplash.com/it)\n\n\n\n\u003cbr\u003e\n\n\u003c/details\u003e\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandresweitzel%2Fmicrofrontend_products_ml_angular","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fandresweitzel%2Fmicrofrontend_products_ml_angular","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandresweitzel%2Fmicrofrontend_products_ml_angular/lists"}