A Single-SPA based micro-frontends application developed with React, Angular, and Vue.
- 3 microfrontends running inside the root-config. 🔥
- 2 shared utility modules are used by all microfrontends. ⚓
- Navbar is built with VueJS. 🔥
- Auth module is built with React. ❤️
- Attendance module is built with Angular. ❤️🔥
- Home page is being rendered from the root-config. ⛓️
- Style guide shared module is built with Tailwind. 🔹
- API shared module is using Axios. 📲
- JSON server to perform authentication. 💥
Navigate to the root-config, styleguide, api, auth, attendance, navbar-vue, server folder and run the command
npm install
-
Navigate to the root-config, styleguide, api, auth, navbar-vue, server folder and run the below command
npm start
-
To run the Angular app, navigate to the attendance folder and run
npm run serve:single-spa:attendance
In the browser open the application at http://localhost:9000
-
Carefully check the PORT of your applications and update it accordingly in the import map defined in root-config.
-
There are two navbar microfrontends, one is built with React and the other one is built with VueJS.
-
Server is created using the json-server.