Skip to content
All work
MicrofrontendsVueDesign Systems

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

Legacy ModulesNuxt 2 · Vue 2
New ModulesNuxt 3 · Vue 3

Microfrontend shell

ShellMonorepo · Design System

Unified product

Unified Interface

Conceptual diagram — not an exact production architecture.

Technologies

Frontend

  • Nuxt 3
  • Vue 3
  • Nuxt 2
  • Vue 2
© 2026 Yernazar KarabayevBuilt with Gatsby, TypeScript, and Tailwind CSS.