Administration
Madrasha Ledger
A web-based ledger application for Madrasha administration, built with modern React, Supabase, reporting, and spreadsheet export tooling.
Problem
A web-based ledger application for Madrasha administration, built with modern React, Supabase, reporting, and spreadsheet export tooling.
Solution
Built with React, TypeScript, TanStack Start to keep the workflow practical and maintainable.
Impact
Provides a modern web foundation for ledger administration
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.
Outcomes
- 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