Scaled an existing startup into an MFE meta platform. The solution offered platform creation for businesses and plugin creation for developers.
- MFE architecture: Scalable architecture with micro frontends developed as open-source plugins.
- Meta platform: Offered platform creation for businesses and plugin creation for developers.
- Big data visualization: A multi-level zoomable visualization of all platforms created and their sub-levels.
- CKEditor: Rich-text editing and no-code page builder.
- Refactoring: Re-factored big parts of the existing codebase to follow best React and SOLID practices.
- Webpack Module Federation: For building a scalable MFE architecture.
- Next.js: For a reliable MFE shell and great SEO.
- Stripe: For managing payments.
- CKEditor: For rich-text editing and no-code page builder.
- MUI: A popular UI library with styled-components approach.
- Observable/D3: A big data visualization library.
- Typescript: For clear interfaces and bug-free code.
The key challenge was building a scalable micro-frontend architecture that would be extendable with open-source modules.
Over 18 months on the project, I have built the MFE shell with NextJS and around seven core micro-frontends for the key platform services.
Creating a big data visualization was also an interesting learning experience.
The adopted MFE architecture allowed for great scalability and future growth for both the business creating new platforms and developers building open-source plugins to extend it. 