MISSION_LOG — J. TORGBE-COFIEpayload dossier · filed from the archive · return for other payloads
● DOSSIER 05 — OPENED
← RETURN TO INDEXSITE: INDEX · PAYLOAD DOSSIER · ARCHIVE
PAYLOAD 05 — EINHEIT · FINTECHFILED OCT 2026

Dues Management System

ROLE: LEAD FRONTEND ENGINEERCLASS: DUES MANAGEMENT SYSTEMSTATUS: ONGOING → IN PRODUCTION

An internal dues collection platform for a prominent Ghanaian organisation — member payment tracking, transaction records, and analytical dashboards that show financial standing at a glance.

MISSION OBJECTIVE — why this payload flew

The organisation was managing dues collection across a large membership base with fragmented tooling — spreadsheets, manual reconciliation, and no real-time visibility into who had paid, who hadn't, and where the money was. Administrators needed a single source of truth for the membership's financial standing.

I led the frontend for the entire platform — from the member-facing payment portal through to the administrative dashboards that surface dues positioning, settlement tracking, and regional analytics. The goal was to make the financial state of the organisation readable at a glance, not something you had to dig for. It's the same principle as a good observation log: if you can't see what's been recorded, you can't build on it.

“If you can't see the dues, you can't collect the dues."

telemetry — counters, no invented KPIs
3APPS IN MONOREPO member portal · dues payment · admin
5+PAYMENT CHANNELS mobile money · card · bank · cash · USSD
100%TYPE-SAFE END TO END TypeScript strict across server and client
80%+TEST COVERAGE Vitest + Testing Library, TDD workflow

SYSTEMS BREAKDOWN — what I built, module by module

SYS.01 – 05
SYS.01Member portal & dashboardThe primary interface for members — real-time dues overview, payment status, transaction history with search and filtering, and personal financial standing. Like an observation log, members see their own contributions and what's pending. Built mobile-first for members on the go.READING
SYS.02Dues payment portalSelf-service payment flows supporting single and bulk/group payments across multiple channels — Mobile Money with OTP verification, card, bank transfer, cash, and USSD. CSV import for bulk member ID entry. Astronomy clubs collect dues too — this is that, scaled up.TRANSACTION
SYS.03Administrative analyticsAnalytical dashboards for financial officers — regional breakdowns, settlement tracking, gross collections, compliance monitoring, and trend analysis across daily, monthly, and yearly windows. Like a sky survey, it maps the territory and reveals patterns you'd miss looking at individual data points.INTELLIGENCE
SYS.04Transaction tracking & investigationPayment investigator and transaction ledger — trace any payment from initiation through settlement, with service charge breakdowns and reconciliation views. Astrometry for money — every transaction precisely traced and verified.AUDIT
SYS.05Compliance & access controlDomain-based authorization with CASL, OTP verification for sensitive operations, and compliance-themed routing — ensuring the right people see the right financial data. Like observatory access control: who gets to use the equipment, who sees what data.GUARD
instrument rack — carried on this flight
React 19 · TypeScriptfront-end airframe
TanStack Start · Query · Routerfull-stack React framework
Supabase · PostgreSQLdata payload support
CASLsecure source handshakes
Tailwind CSS v4 · Radix UIdesign system
Rechartsanalytical visualisations
Turborepo · Vite 7monorepo orchestration

Signal the station

want this kind of payload built? comments and question reports welcome.

PAYLOAD DOSSIER 05 · DUES MANAGEMENT SYSTEMEND OF FILE