Micro-Frontend-Application

live demo

• ECommerce Micro-Frontend Application

Main concepts/Feature/Topics

• isolate every single app
• use webpack module federation and shared dependencies between multiple applications
• link multiple apps together
• configure webpack for production build
• configure AWS S3,CloudFront
• Create CI/CD pipeline and deploy to AWS
• fix AWS CloudFront invalidation issue
• handling CSS in the whole micro-frontend (css class collision issue) when we use same css-in-js lib
• implementing multi-tier navigation and handle route between micro-frontend
• fix webpack publicPath issue with development mode
• build dashboard app with VueJs framework and add webpack configs to dashboard app

Library & modules

• webpack
• javascript
• ReactJs
• VueJs