NAB Project Edge
Micro-frontend architecture in React Native for NAB's whitelabel credit cards
From March 2023 to March 2026, I led mobile platform delivery on Project EDGE as Lead Engineer — guiding pilot-first execution on the NAB Edge Credit Card, then scaling a shared micro-frontend foundation in React Native to whitelabel partner apps for 1M+ Citi customers inside NAB's $1.6 billion technology transformation.
Program Snapshot
Client: National Australia Bank
Domain: Enterprise banking and core-banking transformation
Led Project EDGE mobile platform delivery as Lead Engineer (Mar 2023 – Mar 2026) — piloting a micro-frontend architecture in React Native on the NAB Edge Credit Card, then scaling it to whitelabel partner apps for 1M+ Citi customers.
Key Signals
- Engagement
- Mar 2023 – Mar 2026
- Tech transformation
- $1.6B
- Customers migrated
- 1M+
- Delivery model
- Pilot → scale
- Platform
- Micro-frontend · React Native
Context
Following NAB's acquisition of Citigroup's Australian consumer business, Project EDGE sat inside a $1.6 billion multi-year technology transformation — replacing legacy infrastructure and overhauling credit card and merchant platforms. The program needed a safe way to prove the new mobile stack before migrating multiple Citi whitelabel brands.
Challenge
NAB could not afford to rebuild multiple partner-facing credit card apps on unproven foundations. The delivery model had to validate platform capabilities on a controlled internal pilot, then support distinct whitelabel brands from a shared multi-tenant platform — with reliability, predictable releases, and clear engineering standards.
Approach
Delivery started with an internal pilot — the NAB Edge Credit Card for staff — to prove the micro-frontend model in production. Once validated, the same architecture — implemented in React and React Native, with a shared UI component library — powered whitelabel delivery across multiple partner credit card apps, with cross-team alignment and pragmatic platform leadership throughout.
Micro-frontend principles, React Native delivery
Micro-frontend was the organising principle — independently owned surfaces composed into one multi-tenant platform. React Native was the medium of implementation for mobile, alongside React on web. A shared component library carried the common banking surfaces — navigation, forms, accounts, and cards — so every brand stayed consistent on the core journeys while still owning its own look, onboarding, and partner integrations.
Micro-frontend composition
Domain teams owned discrete surfaces that composed into partner apps — shared core banking journeys without a single monolithic mobile codebase.
React Native as the medium
Those surfaces shipped in React Native for iOS and Android — one implementation path for the mobile micro-frontends, with React covering the web side of the same platform.
Shared design system
Reusable UI building blocks, theming, and engineering conventions across brands — so pilot-to-scale delivery stayed predictable under enterprise constraints.
Staff pilot
Before any partner migration, the team proved that micro-frontend foundation — in React Native — on a live internal product: the NAB Edge Credit Card.
Staff pilot · Project EDGE · NAB
NAB Edge Credit Card
NAB's internal proof point for Project EDGE — a real credit card on a micro-frontend platform in React Native, shipped with Progressive Elaboration and a phased staff rollout.
Partner credit card apps on the shared platform
After the staff pilot, the same multi-tenant micro-frontend platform powered multiple partner-branded credit card apps across retail, airline, and consumer finance — each with distinct branding and customer journeys on shared core banking capabilities, delivered in React Native.
Partner brand names are omitted from this public case study.
Impact
The pilot-to-scale model migrated more than 1 million Citi whitelabel customers to NAB and established a reusable micro-frontend mobile platform — implemented in React Native — inside NAB's broader $1.6 billion technology transformation, proving the architecture on a real NAB-owned credit card product first.
Explore Further
What clients say
"I highly recommend Hemanta as senior analysis engineer. I had the pleasure of working closely with Hemanta on one of the biggest projects, Edge project, which migrated 1 million + Citi White label customers to NAB, where Hemanta consistently demonstrated strong technical expertise, problem-solving ability, and a high level of professionalism."
LinkedIn recommendation for Project EDGE.
"I have had the privilege of working with Hemanta on a highly complex, multi-tenant software solution. His passion and dedication to doing things well and doing things right is testament to his character and abilities. He is the sort of senior resource you would welcome back anytime."
LinkedIn recommendation for Project EDGE.
"My pleasure working with Hemanta. He has contributed greatly to the team by building Whitelabel hybrid banking mobile applications. He is highly knowledgeable not only in mobile development technologies such as React Native, Android, and iOS, but also passionate about emerging AI technologies. Hemanta is an excellent engineer with strong communication and teamwork skills. He is the kind of person any team would be fortunate to have, whether in an engineering role or a leadership position."
LinkedIn recommendation for Project EDGE.
Need this kind of React Native delivery?
Book a strategy session to discuss enterprise architecture, product delivery, or mobile platform tooling.
Schedule an appointment