Financial 4.0
Financial 4.0 is a financial-education platform live for MSU Federal Credit Union, on web, iOS and Android. At ClaySys, on my first major client project, I joined as a React Native developer, built the mobile app to parity with the web, and shipped features across both the Next.js web app and the React Native app.
Particulars
- Client
- Reseda Group (MSU Federal Credit Union's CUSO)
- Employer
- ClaySys Technologies
- Timeline
- Jun 2023 – Feb 2024
- Role
- Software Engineer, frontend (web + mobile)
- Team
- Distributed across India, the US and London, Agile

Record summary
320k+
MSUFCU members
2
apps (web + mobile)
1 wk
to ramp on React Native
3
countries on the team
The project
Financial 4.0 is a financial-education platform, live for MSU Federal Credit Union and its Oakland University Credit Union brand, with articles, podcasts, quizzes and calculators from certified financial educators. It ships as a white-labeled product, one branded instance per credit union, on web, iOS and Android.
I built it at ClaySys Technologies, a co-founder of the credit-union technology CUSO CU NextGen, for the client Reseda Group, MSU Federal Credit Union's fintech CUSO. It was my first major client project, full-time, in a distributed team across India, the US and London with scrum masters, solution architects and Reseda stakeholders.
Fig. 01
Financial 4.0 on web
How I came in
I started at ClaySys on an earlier credit-union fintech project, then was promoted to Software Engineer L3 and assigned to this one, coming onto it as a React Native developer. I learned the framework in about a week, self-taught from documentation and StackOverflow, before AI coding assistants were a normal part of the workflow.
The Next.js web app was roughly two-thirds built and the mobile app had not started. With one other React Native developer, I built the mobile app from scratch and brought it to feature parity with the web within a few sprints, then worked across both, shipping features on the Next.js web app and the React Native app alike.
What I worked on
- The React Native mobile app, built from scratch to match the web feature for feature.
- Features across the Next.js web app: content pages, calculators, quizzes and more.
- The white-labeled, multi-tenant setup so each credit union runs its own branded instance.
- Financial-education content rendered from a shared service: articles, podcasts and quizzes.
- Authentication and shared app plumbing on Firebase, across web and mobile.
The stack, and why it mattered
This was my introduction to React, Next.js, TanStack Query and Chakra UI, in the early days of the Next.js app router. Server-side rendering made the pages feel noticeably faster than the typical Create React App single-page app of the time. On mobile the app was React Native with React Navigation and a shared design system, talking to the same REST content service as the web.
Fig. 02
Financial 4.0 on React Native
Hard parts
- Ramping onto React Native fast and shipping production features within weeks, self-taught.
- Catching a two-thirds-built web app to parity on a brand-new mobile app, sprint by sprint.
- Keeping web and mobile consistent when they shared content and behaviour but not code.
- White-label theming, so one codebase becomes a distinct, branded product per credit union.
- Delivering to the bar a financial client expects, in a distributed India, US and London team.
Outcomes
- Financial 4.0 is live for MSU Federal Credit Union and its Oakland University Credit Union brand, on web, iOS and Android.
- A React Native app shipped from scratch to parity with the web, as a two-person effort.
- My first major client project: production financial software delivered in a serious, distributed team.
- Shipping it earned my promotion to Software Engineer L4.
What I took from it
- 01
Learn fast, in the open
I picked up React Native in a week from docs and StackOverflow, and shipped.
- 02
Parity is a moving target
Catching a live web app meant matching behaviour, not just screens.
- 03
One product, many brands
White-label taught me to design for configuration, not a single client.
- 04
Ship to a professional bar
A financial client and a distributed team set the standard early in my career.

