Microfrontends Init

A Single-SPA based micro-frontends application developed with React, Angular, and Vue.

Featues

• 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. 💥

Technologies

• Single SPA
• React
• Angular
• Vue
• Tailwind
• Node JS
• JSON Server

How to run

Navigate to the root-config, styleguide, api, auth, attendance, navbar-vue, server folder and run the command

npm install

Run the application

• 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.