PayFlow: Consumer Financial Wellness App
Cross-Platform Fintech Mobile App with KYC Onboarding & Instant Pay Access
Project Overview
PayFlow is a consumer financial-wellness mobile app that gives employees on-demand access to a portion of the pay they have already earned, instead of waiting for payday. Because it moves money and handles sensitive personal data, the hard problems are trust and onboarding: verifying who a user is, confirming their employment and income, and doing all of it inside a smooth mobile experience. The app is built from a single Ionic + Angular codebase and compiled to native iOS and Android through Capacitor, integrating a Firebase backend and other REST services on the client.
My Role
As a Frontend / Mobile Developer, I focused entirely on the client-side application. My work covered the full KYC and onboarding journey, the core dashboard and withdrawal experience, native device integrations (camera capture, geolocation, address autocomplete), OTP authentication with route guards and an HTTP interceptor, internationalization, and the analytics and error-monitoring instrumentation — all built against the existing backend APIs.
Key Features
- Guided multi-step onboarding that walks a user through identity verification, employment details, bank linking, and disbursement setup, with route guards enforcing that each prerequisite step is completed before the next unlocks
- In-app identity capture using the device camera to photograph ID documents and take a verification selfie, with image handling and upload wired to the verification backend
- Bank-account linking and statement-based income verification as part of eligibility, feeding the amount a user is allowed to access
- Dashboard showing available balance and an instant withdrawal flow, backed by a transaction history view and empty/loading states
- OTP-based phone authentication with secure token storage, an HTTP request interceptor, and Angular route guards protecting authenticated and verification-gated areas
- Cross-platform native builds for iOS and Android from one codebase via Capacitor, using native plugins for camera, geolocation, keyboard, status bar, and haptics
- Internationalization via ngx-translate for a multi-language user base, plus Lottie animations for a polished onboarding feel
- Referral program, address autocomplete via Google Maps, product analytics, and crash/error monitoring for production observability
Challenges & Solutions
1.A Long KYC Flow That Still Feels Effortless
Financial onboarding requires many verification steps — identity, employment, bank, and disbursement details. I modeled the journey as discrete, resumable steps protected by route guards so a user can only advance once each prerequisite is satisfied, and can pick the flow back up where they left off. This keeps a compliance-heavy process feeling like a short, guided sequence rather than a wall of forms.
2.Reliable Document & Selfie Capture on Real Devices
Identity verification depends on clean document and selfie images across a wide range of phones and cameras. I integrated native camera capture with image handling and upload, plus fallbacks and clear on-screen guidance, so the capture step succeeds consistently and produces images the verification backend can actually use.
3.One Codebase, Two Native Platforms
The app needed to ship natively on both iOS and Android without maintaining two codebases. Using Capacitor over the Ionic/Angular app, I integrated native device capabilities (camera, geolocation, haptics, keyboard, status bar) through a single abstraction, keeping platform parity while reusing the vast majority of the UI and business logic.
4.Security and Trust for a Money App
Because the app handles authentication and payments, I layered several client-side protections: OTP phone verification, secure token storage, an HTTP interceptor for consistent auth handling, and route guards on sensitive and verification-gated areas — reducing abuse surface and keeping user sessions trustworthy.
Business Impact
PayFlow packages a compliance-heavy financial product — identity verification, income checks, and on-demand pay access — into a single, approachable mobile app that runs natively on both iOS and Android. The guided onboarding lowers the drop-off that usually plagues fintech sign-up, while the native integrations, internationalization, and built-in analytics and monitoring make the app viable for a real production user base across multiple languages.
Tech Stack
Highlights
- Single Ionic/Angular codebase shipped as native iOS and Android apps via Capacitor
- Multi-step KYC onboarding: identity, employment, and bank verification in a guided flow
- In-app camera capture for identity documents and selfie-based verification
- Bank-account linking with statement-based income verification
- Instant pay-access (withdrawal) flow with full transaction history
- Secure OTP phone authentication with route guards and an HTTP interceptor
- Integrated the Firebase client SDK for authentication and real-time data
- Multi-language support, product analytics, and crash/error monitoring built in