MicroFrontEnd Approach

A microfrontend approach of an marketing, dashboard and login page app using runtime integration with multiple react and vue applications using module federation plugin. All the microfrontends are mixed within an container project that merges the other 3 front end projects into one. Each one of the 4 projects has it's individual CI and deployment, merged into one single aws bucket with 4 folders.

Main Page (using Marketing ReactJS microfrontend project)

Login page (using Auth ReactJS microfrontend project)

Dashboard page (using Dashboard VueJS microfrontend project)

Tecnologies used

• Webpack Module Federation
• Github Actions CI
• Amazon CloudFront
• React JS
• Vue JS

How to use

Install and run every project using the commands bellow:

yarn 
yarn start

Every project will run into a different port, but will be merged into container project on port 8080.

License

MIT