{"id":22151221,"url":"https://github.com/davidmartinperez/micro-frontend-proyect","last_synced_at":"2026-04-17T05:31:05.010Z","repository":{"id":92999258,"uuid":"604335374","full_name":"DavidMartinPerez/micro-frontend-proyect","owner":"DavidMartinPerez","description":"Proyecto microfrontend con mf en React y Vuejs","archived":false,"fork":false,"pushed_at":"2023-02-24T14:02:58.000Z","size":123,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-24T13:21:29.487Z","etag":null,"topics":["microfrontend","module-federation","react","webpack"],"latest_commit_sha":null,"homepage":"https://d3tbm2e2e0nz60.cloudfront.net/","language":"JavaScript","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/DavidMartinPerez.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":"2023-02-20T20:57:28.000Z","updated_at":"2023-02-21T20:04:36.000Z","dependencies_parsed_at":"2023-04-12T14:31:47.256Z","dependency_job_id":null,"html_url":"https://github.com/DavidMartinPerez/micro-frontend-proyect","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/DavidMartinPerez/micro-frontend-proyect","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DavidMartinPerez%2Fmicro-frontend-proyect","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DavidMartinPerez%2Fmicro-frontend-proyect/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DavidMartinPerez%2Fmicro-frontend-proyect/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DavidMartinPerez%2Fmicro-frontend-proyect/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DavidMartinPerez","download_url":"https://codeload.github.com/DavidMartinPerez/micro-frontend-proyect/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DavidMartinPerez%2Fmicro-frontend-proyect/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31916690,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-16T18:22:33.417Z","status":"online","status_checked_at":"2026-04-17T02:00:06.879Z","response_time":62,"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":["microfrontend","module-federation","react","webpack"],"created_at":"2024-12-02T00:31:23.489Z","updated_at":"2026-04-17T05:31:04.986Z","avatar_url":"https://github.com/DavidMartinPerez.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Arquitectura Micro-frontend\n\n| container (React / Host) |||\n|-------------------|------------------------  |------------------|\n|                   | **Marketing (React/MF)** | *Home Page*      |\n|                   |                          | *Pricing Page*   |\n|                   |                          |                  |\n|                   | **Auth (React/MF)**      | *Sign In Page*   |\n|                   |                          | *Sign Up Page*   |\n|                   |                          |                  |\n|                   | **Dashboard (Vuejs/MF)** | *Dashboard Page* |\n\n\n## Identificación de componentes\nPara que se pueda diferenciar a simple vista cada microfrontends tiene un color especifico\n\n* Container - border en rojo\n* Marketing - borde en azul\n* Auth - border en verde\n* Dashboard - border en morado\n\n# Instalación\n```\nnpm run install\n```\nEsto instalará las dependecias de los mf y host\n# Iniciar proyecto en modo desarrollo\n```\nnpm run start\n```\nEsto levantará todos los mf y el host\n\nAbrir el navegador para ver el [orquestador/container](http://localhost:8080/).\n\nTambién puedes ver los microfrontends de forma aislada [la app del comercio](http://localhost:8081/)\n\n# Stack utilizado\n* Deploy\n    * Amazon S3 + CloudFront (Servidor)\n    * Github Action (Cada vez que se despliega nuevo código en un mf se ejecutará un job que solo desplegará el mf modificado)\n* Dev\n    * React\n    * Vuejs\n    * Webpack\n* Características\n    * Lazy loading de mf\n    * Comunicación entre mf\n\n# Url proyecto\n[Live project](https://d3tbm2e2e0nz60.cloudfront.net/)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdavidmartinperez%2Fmicro-frontend-proyect","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdavidmartinperez%2Fmicro-frontend-proyect","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdavidmartinperez%2Fmicro-frontend-proyect/lists"}