The Problem

What was broken or missing

Educational and community institutions often struggle with manual paper receipt books, lost payment stubs, and slow monthly tuition fee reconciliation.

My Role & Scope

Solo Engineering & Delivery

Solo Software Engineer — designed data schema for student cohorts, dues billing cycles, and donation tracking.

Tech Stack

Technologies & Architecture

ReactTypeScriptTanStack StartTanStack RouterSupabaseRechartsXLSXTailwind CSS

Results & Impact

Verified Project Results

Provides a modern web foundation for ledger administration

Uses Supabase for a cloud-backed data layer

Includes charting and spreadsheet-export dependencies for operational reporting

Detailed Case Study

Overview

Madrasha Ledger is a web application created for Madrasha administration and ledger workflows. It is built as a modern, cloud-connected product rather than a standalone spreadsheet.

Engineering approach

React and TypeScript for maintainable interface development.
TanStack Start and TanStack Router for the application architecture and routing layer.
Supabase for the backend data layer.
Recharts and XLSX tooling for reporting and spreadsheet-oriented workflows.

Product direction

The project is intended to make administrative records easier to manage, review, and export. It represents the same practical-product mindset used across my work: take a routine operational process and turn it into a clear, usable system.

Live product

Available at m.zahidp.com.