Sample MFE - Angular Apps with Module Federation

tomyum — Sun, 21 Jul 2024 11:55:27 +0000

Project Overview

This project demonstrates how to build a Micro Frontend (MFE) application using Module Federation with Angular 18. It includes both a frontend and a backend application.

Source code: https://github.com/thanhnlh/sample-mfe

Frontend Application

The frontend application is structured as an Angular workspace using a monorepo. It consists of three Angular applications:

Host: The host or container application. It manages the overall routing and dynamically loads other applications at runtime using Module Federation.
User-Feat: A remote or child application that is consumed by the host application.
Product-Feat: Another remote or child application that is also consumed by the host application.

Backend Application

The backend application is built with Hono.js, an ultra-fast web framework for edge computing. It provides routes with the following methods:

GET: Retrieve routes configuration.
POST: Add product to routes configuration.
DELETE: Remove product from routes configuration.

🌟 A Small Step for Developers: Introducing Yum Gen Code

tomyum — Sun, 03 Dec 2023 08:55:59 +0000

🌱 Hello everyone,
I'm excited (and a bit nervous) to share a project I've been working on - Yum Gen Code. It's a modest attempt to make the daily life of a software developer a little easier.

🔗 Discover Yum Gen Code: https://gen.tomyum.dev/

🔍 The Idea: This journey started with a simple goal - to reduce the time we spend on repetitive coding tasks. The aim is to free up more time for creativity and critical thinking in software development.

🏢 For Businesses: I believe even small tools can make a big difference. Yum Gen Code is designed to help teams be more efficient and to deliver features faster, yet still maintain a high standard in their coding practices.

🤔 Why Not Just Low/No Code?: While low/no-code platforms are great, they sometimes limit how much you can tweak your code. Yum Gen Code tries to strike a balance, offering a bit more control for those who need it.

✨ Features We’re Starting With:

It's a free, easy-to-use code generation tool.
Users can input JSON and select from various front-end and back-end templates.

Our initial focus is on C# and CQRS, Angular, React, Nodejs - Express, but we're hoping to expand this soon.

🌟 Looking Ahead: This is just the beginning, and I’m hopeful about where it can go. More templates, maybe some AI integration... there's a lot to explore. Your feedback and support would mean the world to us!

🤝 Let's Chat: If you think this tool could be useful for you or your team, or if you have any thoughts or suggestions, I’d love to hear from you. Every bit of feedback helps!

DEV Community: tomyum

Sample MFE - Angular Apps with Module Federation

Project Overview

Frontend Application

Backend Application

🌟 A Small Step for Developers: Introducing Yum Gen Code