Zone Payment Network
Zone Admin & Client Dashboards
The React and TypeScript dashboards the Central Bank of Nigeria, 18+ commercial banks and 450+ microfinance institutions use to run a regulated blockchain payment network in real time.
- Company
- Zone Payment Network
- Role
- Senior Software Engineer · frontend owner
- Period
- 2022 — 2026
- Availability
- 99.9%
- API endpoints integrated
- 400+
- Commercial banks
- 18+
- Microfinance institutions
- 450+
- Countries
- 7
- Stack
- React
- TypeScript
- Redux
- React Query
- Vite
- Docker
- Kubernetes
- Cloudflare
- HAProxy
- TeamCity
- Helm
- Vitest
- Cypress
- Links
- zonenetwork.com
Production screens aren't shown — they're under NDA. What you see here is from public pages, demo builds and rebuilds that run on made-up data, and my own diagrams.
Context
Zone is a payment infrastructure company regulated by the Central Bank of Nigeria and authorised to offer payment processing services — "the regulated blockchain network for frictionless payments", in its own words. Africa's leading banks, fintechs and regulators settle on it; its products include ZonePOS, ZoneATM and ZoneFT.
The network processes hundreds of millions of transactions for banks and fintechs. The Admin and Client Dashboards are how the regulator (the Central Bank of Nigeria), commercial banks and microfinance banks see and control what happens on that network: self-onboarding, real-time transaction tracking, settlement, dispute resolution and wallet management.
I joined in June 2022 and became the primary owner of the frontend. For nearly two years I was the sole frontend engineer, and I built more than 80% of every dashboard version that shipped.
Four kinds of people used them every day: operations teams at the banks, supervisors at the Central Bank checking compliance, the merchants and agents on the Client Dashboard, and Zone's own operations team on the Admin Dashboard. Each saw the same network through a different set of roles and permissions.
Constraints
- Regulated. A central bank is a user. Compliance monitoring has to be real-time and trustworthy.
- Multi-tenant across seven countries. One codebase, many institutions, different roles and permissions.
- High throughput. The UI visualises and manages real-time, high-throughput payment flows.
- Sole frontend engineer. Every architectural choice had to survive one person maintaining it.
- Mixed deployment targets. Deployed across IIS and Linux environments via TeamCity pipelines and Helm charts.
Architecture
The cover above and the table below are rebuilds of the Client Dashboard with synthetic data; the product itself can't be shown. The table works: search it, filter by status, and sort by date or amount.
| Reference | Status | Terminal | Type | ||
|---|---|---|---|---|---|
| 12 Mar, 10:29 | DEMO-000184 | NGN 100,000.00 | Settled | T-DEMO-01 | Merchant POS |
| 12 Mar, 10:28 | DEMO-000183 | NGN 50,000.00 | Pending | T-DEMO-01 | Merchant POS |
| 12 Mar, 09:51 | DEMO-000177 | NGN 30,000.00 | Settled | T-DEMO-04 | Agency Banking |
| 11 Mar, 17:02 | DEMO-000168 | NGN 2,500.00 | Disputed | T-DEMO-02 | Merchant POS |
| 11 Mar, 14:40 | DEMO-000160 | NGN 45,000.00 | Settled | T-DEMO-03 | Agency Banking |
| 11 Mar, 11:15 | DEMO-000152 | NGN 1,250,000.00 | Pending | T-DEMO-04 | Agency Banking |
| 10 Mar, 16:08 | DEMO-000141 | NGN 7,800.00 | Settled | T-DEMO-02 | Merchant POS |
| 10 Mar, 09:30 | DEMO-000133 | NGN 18,400.00 | Settled | T-DEMO-01 | Merchant POS |
Showing 8 of 8 settlements · NGN 1,503,700.00
Outcomes
- Sustained 99.9% availability for customer-facing systems.
- Enabled real-time compliance monitoring for regulators, directly improving operational trust.
- Successfully onboarded multiple clients; the platform is actively expanding based on user feedback and feature evolution.
- Featured in Zone's African Builder series as one of the company's MVPs.