Frontend developer Internship at IMAS NV
Feburary - May 2025
Van Genechten Packaging
During my three-month internship at IMAS NV, I architected and implemented a metadata-driven React micro-frontend UI builder that empowered business users to rapidly generate and configure pages without code, integrating with a Quarkus microservices backend to streamline development.
Supportive links
Role
Frontend Engineer
Main Tech Stack
- TypeScript
- React
- Syncfusion
- Penpot / Figma
Watch Demo
Objective
During my internship at Imas NV, I migrated the legacy Java Swing-based ICT Manager module of the Fenics ERP to a modern web platform. I aimed to create a dynamic, configuration-driven UI Builder to reduce repetitive coding and improve maintainability.
Approach
I analysed the legacy system's repeating page patterns and compared manual page creation with a metadata-driven strategy. After evaluating both, I chose a Dynamic UI Configuration approach, designing a three-layer architecture: a Configuration Studio, a Builder Engine micro-frontend, and an Integration Layer.
Implementation
I transformed repetitive page patterns into a metadata-driven UI Builder micro-frontend—letting business users define screens, fields, views, relations, and actions in a web studio and see live previews without any redeploys. I wrapped this remote module into the existing Module Federation shell, wired dynamic routes, and plugged it into Quarkus services via TanStack Query, while enforcing consistent validation and form logic with React Hook Form and Zod.
Outcome
The final solution enabled instant page generation, zero-redeploy text updates, and consistent UX across tables. It reduced development time and empowered analysts to configure screens without code. It simplified versioning and audit trails, enabling non-developers to preview changes instantly. Overall, the project demonstrated scalable migration techniques for enterprise systems.