{"id":20201547,"url":"https://github.com/iammar7/microfrontends-init","last_synced_at":"2026-04-05T08:35:55.162Z","repository":{"id":40001750,"uuid":"500562237","full_name":"iAmmar7/microfrontends-init","owner":"iAmmar7","description":"A mircro-frontends application using Single SPA","archived":false,"fork":false,"pushed_at":"2022-09-04T11:35:20.000Z","size":2349,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-24T21:05:38.724Z","etag":null,"topics":["angular","javascript","json-server","react","single-spa","tailwindcss","vue"],"latest_commit_sha":null,"homepage":"","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/iAmmar7.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}},"created_at":"2022-06-06T19:11:43.000Z","updated_at":"2022-09-04T11:35:53.000Z","dependencies_parsed_at":"2023-01-17T21:47:38.784Z","dependency_job_id":null,"html_url":"https://github.com/iAmmar7/microfrontends-init","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/iAmmar7/microfrontends-init","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iAmmar7%2Fmicrofrontends-init","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iAmmar7%2Fmicrofrontends-init/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iAmmar7%2Fmicrofrontends-init/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iAmmar7%2Fmicrofrontends-init/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/iAmmar7","download_url":"https://codeload.github.com/iAmmar7/microfrontends-init/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iAmmar7%2Fmicrofrontends-init/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31430009,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-05T08:13:15.228Z","status":"ssl_error","status_checked_at":"2026-04-05T08:13:11.839Z","response_time":75,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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","javascript","json-server","react","single-spa","tailwindcss","vue"],"created_at":"2024-11-14T04:51:41.969Z","updated_at":"2026-04-05T08:35:55.127Z","avatar_url":"https://github.com/iAmmar7.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Microfrontends Init\n\nA Single-SPA based micro-frontends application developed with React, Angular, and Vue.\n\n## Featues\n- **3 microfrontends** running inside the root-config. :fire:\n- **2 shared utility modules** are used by all microfrontends. :anchor:\n- Navbar is built with **VueJS**. :fire:\n- Auth module is built with **React**. :heart:\n- Attendance module is built with **Angular**. :heart_on_fire:\n- Home page is being rendered from the root-config. :chains:\n- Style guide shared module is built with **Tailwind**. :small_blue_diamond:\n- API shared module is using Axios. :calling:\n- JSON server to perform authentication. :boom:\n\n## Technologies\n- Single SPA \u003cimg alt=\"Single-SPA\" src=\"https://img.shields.io/badge/-Single%20SPA-EF689F?style=flat-square\u0026logo=Single-SPA\u0026logoColor=white\" /\u003e\n- React \u003cimg alt=\"React\" src=\"https://img.shields.io/badge/-React-45b8d8?style=flat-square\u0026logo=react\u0026logoColor=white\" /\u003e\n- Angular \u003cimg alt=\"Angular\" src=\"https://img.shields.io/badge/-Angular-C4002F?style=flat-square\u0026logo=angular\u0026logoColor=white\" /\u003e\n- Vue \u003cimg alt=\"Vue\" src=\"https://img.shields.io/badge/-VueJS-42B883?style=flat-square\u0026logo=Vue\u0026logoColor=white\" /\u003e\n- Tailwind \u003cimg alt=\"Tailwind\" src=\"https://img.shields.io/badge/-Tailwind-37BDF7?style=flat-square\u0026logo=tailwindcss\u0026logoColor=white\" /\u003e\n- Node JS \u003cimg alt=\"Nodejs\" src=\"https://img.shields.io/badge/-Nodejs-43853d?style=flat-square\u0026logo=Node.js\u0026logoColor=white\" /\u003e\n- JSON Server \u003cimg alt=\"JSON Server\" src=\"https://img.shields.io/badge/-JSON%20Server-1E3A8A?style=flat-square\u0026logo=json\u0026logoColor=white\" /\u003e\n\n## How to run\n\nNavigate to the root-config, styleguide, api, auth, attendance, navbar-vue, server folder and run the command\n\n```js\nnpm install\n```\n\n## Run the application\n\n- Navigate to the root-config, styleguide, api, auth, navbar-vue, server folder and run the below command\n\n  ```js\n  npm start\n  ```\n\n- To run the Angular app, navigate to the attendance folder and run\n\n  ```js\n  npm run serve:single-spa:attendance\n  ```\n\n  In the browser open the application at \u003chttp://localhost:9000\u003e\n\n- Carefully check the PORT of your applications and update it accordingly in the [import map](https://github.com/iAmmar7/microfrontends-task-app/blob/main/root-config/src/index.ejs#L55) defined in root-config.\n\n- There are two navbar microfrontends, one is built with React and the other one is built with VueJS.\n\n- Server is created using the json-server.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fiammar7%2Fmicrofrontends-init","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fiammar7%2Fmicrofrontends-init","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fiammar7%2Fmicrofrontends-init/lists"}