Modernizing a legacy frontend through microfrontend architecture.
Senior Frontend Developer, Core Team — Reputation House, Dubai.
- Company
- Reputation House
- Role
- Senior Frontend Developer — Core Team
- Period
- May 2023 — December 2024
Context
Reputation House had a legacy product built over several years. My work on the core team focused on bringing that legacy interface into a modern architecture without a disruptive full rewrite.
Some implementation details are omitted due to confidentiality.
My Role
I worked directly with the existing legacy codebase and implemented it into a new interface using a microfrontend architecture, as part of the core engineering team. I coordinated with other developers, participated in architecture meetings, and occasionally worked on DevOps concerns tied to the migration.
Architecture
The new interface was structured as a monorepo containing a shared design system, built with Nuxt 3 and Vue 3, while legacy surfaces continued to run on Nuxt 2 and Vue 2 during the transition.
This let legacy and modern surfaces coexist behind a common shell, so the product could be modernized incrementally rather than requiring a single high-risk cutover.
Migration Shape
A conceptual representation of the legacy-to-microfrontend transition, not an exact production diagram.
Existing surfaces
Microfrontend shell
Unified product
Conceptual diagram — not an exact production architecture.
Technologies
Frontend
- Nuxt 3
- Vue 3
- Nuxt 2
- Vue 2