Software Engineer

Returned to YLD for a second engagement, this time working on a UK-based credit card provider. The platform served multiple card brands from a single codebase — some fully owned, some white-labeled for external partners — each running as a tenant with its own branding and configuration.

The Architecture

The frontend had grown organically over several years, resulting in a layered setup: a Next.js shell loaded Angular as a fallback for pages that hadn't been migrated yet, and some of those Angular pages would load React microfrontends built in earlier migration efforts. My job was helping move things forward — migrating Angular pages to Next.js and working within this layered system without breaking the brands that depended on it.

The backend I worked with was a Node.js GraphQL BFF (Backend for Frontend) that aggregated calls to various C# microservices underneath. I occasionally dug into those services to understand behavior and document how they worked.

Key Contributions

• Page migrations — migrated Angular pages to Next.js, carefully handling the transition within the layered microfrontend architecture
• Feature development — built frontend features using React, Next.js, and Tailwind with an in-house design system
• Accessibility — ensured all work met accessibility standards, with both e2e and unit test coverage required before shipping
• BFF contributions — worked on the Node.js GraphQL BFF layer, fixing bugs and implementing features
• CMS adoption — contributed to the rollout of Sanity as the content management platform
• Investigations & documentation — conducted technical investigations and wrote documentation that the team found clear and useful
• Innovation — prototyped an AI agent during an innovation day to explore automating microfrontend-to-Next.js migrations

Technical Stack

• Frontend: Next.js, React, Angular (legacy), Tailwind CSS, custom design system
• Backend: Node.js, GraphQL (BFF), C# microservices (read-only)
• CMS: Sanity
• Testing: E2E and unit tests
• Architecture: Multi-tenant, multi-brand, microfrontends