Frontail Technologies
FinTech Mobile & SaaS PlatformFinTech / Merchant Collections

UdhariPay

FinTech Digital Collections, Merchant Onboarding & UPI Autopay Mandate Platform

UdhariPay product interface and technical architecture showcase
Industry

FinTech / Merchant Collections

Client

UdhariPay

Platforms

Mobile App (React Native) • Web Admin & Merchant Portal

Core Stack

React Native, TypeScript, Tailwind CSS, Next.js

The Challenge

Eliminating Manual Ledger Follow-ups with Automated Recurring Payment Mandates

B2B and merchant credit collection in traditional commercial markets frequently relies on paper ledgers ('udhari khata') and ad-hoc cash or UPI transfers, resulting in high delinquency rates and manual reconciliation overhead.

  • Replacing unverified paper credit agreements with structured digital merchant onboarding and document verification (PAN, GST, Gumasta).
  • Configuring flexible installment structures including daily, weekly, and monthly EMI repayment schedules.
  • Integrating UPI Autopay recurring debit mandate authorization directly through customer UPI apps.
  • Providing real-time visibility into collection totals, upcoming EMI dues, and individual customer payment histories.
  • Designing clear separation of concerns between on-ground collection agents and merchant view-only administrators.
What We Built

A Dual-Role Mobile & Web Platform for Digital Collections & Mandate Approvals

Frontail developed the UdhariPay mobile application and administrative backend, delivering a reliable payment infrastructure centered on automated collections and verifiable merchant profiles.

Merchant Dashboard & Collection Metrics

Implemented an executive mobile overview displaying total collected revenue (e.g. ₹84,034 across 53 payments), upcoming EMI schedules, and quick actions for onboarding and payment scans.

UPI Autopay Recurring Mandate Flow

Constructed a seamless mandate approval modal specifying repayment amount, monthly frequency, start date, and maximum mandate caps (e.g. ₹50,000) redirecting to UPI applications for secure customer authorization.

Merchant KYC & Verification Pipeline

Designed onboarding forms capturing commercial documentation including PAN, GST, and Gumasta licenses with verification status tags (`Customer Verified`).

Real-Time Collection Feed

Built itemized payment transaction feeds displaying customer names, EMI sequence numbers (EMI #1, EMI #2), timestamps, and settlement statuses (`Success`, `Pending`).

Features & Capabilities

Key Product Features Built

Dashboard

Digital Collections Dashboard

High-level summary tracking total collected revenue, payment counts, and active mandate statuses.

Production Implemented
Mandates

UPI Autopay Mandate Integration

Automated recurring debit mandate authorization with customizable frequencies and maximum amount caps.

Production Implemented
KYC

Merchant & Borrower Onboarding

Structured digital onboarding workflows with document verification for PAN, GST, and Gumasta records.

Production Implemented
EMI Engine

Multi-Interval Collection Plans

Customizable installment schedules supporting daily, weekly, or monthly repayment cycles.

Production Implemented
Transactions

Real-Time Transaction Status

Instant transaction feeds with visual success indicators and pending payment alerts.

Production Implemented
Security

Role-Based Access Control

Separated permissions for field collection agents and merchant business owners.

Production Implemented
Engineering & System Design

Secure Mobile Mandate Architecture & Transaction Ledger

The architecture is designed for transaction integrity, deterministic mandate scheduling, and secure communication with payment handlers.

Layer 1

Mobile Client Layer

Delivers the merchant collection dashboard, mandate creation sheets, and deep-link handlers for UPI payment redirection.

React NativeTypeScriptTailwind CSS / NativeWind
Layer 2

Payment & Mandate Orchestration

Manages mandate registration, recurring execution triggers, and asynchronous webhook reconciliation for payment events.

UPI Autopay HandlerMandate State MachineWebhook Listener
Layer 3

Ledger & Data Storage Layer

Maintains append-only collection records, customer KYC documents, and installment schedule projections.

Node.js APIPostgreSQL Ledger Tables

Key Engineering Challenges & Solutions

Challenge

Handling Multi-Step UPI Mandate Authorization

Engineered Solution

Built a resilient state machine managing mandate pending, authorization redirect, webhook callback confirmation, and failure retry flows.

Challenge

Flexible EMI Calculation Across Diverse Payment Intervals

Engineered Solution

Engineered a dynamic installment calculator generating projected repayment tables for daily, weekly, and monthly payment schedules.

Technology Breakdown

Technology Stack & Tools

Mobile Application

  • React Native
  • TypeScript
  • Tailwind CSS

Web & Admin

  • Next.js
  • TypeScript
  • Tailwind CSS

Payments & Mandates

  • UPI Autopay Integration
  • Webhook Receivers

Backend & Database

  • Node.js
  • PostgreSQL
  • REST APIs
Product Outcome

Delivered Capabilities & Final Product

1

Cross-Platform Merchant Mobile App

React Native mobile application for merchant collections and customer management.

2

UPI Autopay Mandate Approval Flow

Integrated recurring debit mandate creation and customer authorization workflow.

3

Document & KYC Verification Module

Digital onboarding engine for PAN, GST, and Gumasta documentation.

4

Real-Time Collections Ledger

Live transaction tracking with EMI milestone logs and settlement status feeds.

Build With Frontail

Ready to Build
Your MVP?

Share your idea and we'll help you map the fastest path to launch.

Start Your Project