Skip to content

This is a sample project demonstrating the implementation of a micro-frontend architecture using Angular and Module Federation. The project consists of a host application called Shell App and a remote application called Dashboard.

Notifications You must be signed in to change notification settings

akshay3001/angular-micro-frontend-with-mfe

Repository files navigation

Micro-frontend with Module Federation

This is a sample project demonstrating the implementation of a micro-frontend architecture using Angular and Module Federation. The project consists of a host application called Shell App and a remote application called Dashboard.

shellapp

remoteapp

Table of Contents

Installation

To get started with this project, you need to clone this repository to your local machine. After cloning the repository, navigate to the root directory of the project and run the following command to install the required dependencies:

npm install

Usage

To start the Shell App and the Dashboard, run the following command:

npm run start

This command will start both the Shell App and the Dashboard and open the application in your default browser.

To start the Dashboard, run the following command:

npm run start:dashboard

To build the application for production, run the following command:

npm run build

This command will build both the Shell App and the Dashboard and output the production-ready code in the dist folder.

Contributing

Contributions to this project are welcome. To contribute, please follow these steps:

  1. Fork the repository
  2. Create a new branch for your feature or bug fix
  3. Make your changes and commit them
  4. Push your changes to your fork
  5. Open a pull request

Please ensure that your code adheres to the Angular Style Guide and that all tests pass before submitting a pull request.

License

This project is licensed under the MIT License.

About

This is a sample project demonstrating the implementation of a micro-frontend architecture using Angular and Module Federation. The project consists of a host application called Shell App and a remote application called Dashboard.

Resources

Stars

Watchers

Forks