Comprehensive School hero
Case Study

Comprehensive School

A React + TypeScript school management platform covering admissions, fee collection, exam results, and data backup — deployed on Firebase and Cloudflare Workers.

01 Problem

Small and mid-size schools in emerging markets manage critical administrative workflows — admissions, fee collection, exam scheduling, result publication, and data backup — entirely through paper records or disconnected spreadsheets. Data is siloed per department, prone to loss, and inaccessible to parents or students outside of office hours.

Existing school ERP solutions are expensive, require dedicated servers, and have steep learning curves that discourage adoption by smaller institutions. A lightweight, browser-based alternative that could be deployed on free-tier cloud infrastructure and used by non-technical staff was the gap this project addressed.

02 Solution

Comprehensive School is a single-page React application built with Vite and TypeScript. The admin interface covers the full school operational loop: student registration and admissions, term-wise fee challan generation and payment tracking, subject-wise exam result entry and publication, and scheduled Google Drive backups of all school data.

The application is deployed to both Firebase Hosting and Cloudflare Workers, providing redundant live URLs and edge-cached delivery for users on slower connections. Firebase Firestore serves as the database with role-based security rules separating admin, teacher, and parent access. The Vite build pipeline produces an optimised static bundle under 200 KB, ensuring fast initial load even on 3G networks.

Tech Stack

ReactTypeScriptViteFirebaseCloudflare Workers

03 Outcomes

Replaces paper-based admissions and fee registers with a searchable digital record

Fee challan generation and payment tracking reduces admin overhead per term

Result publication to a parent-facing portal eliminates in-person result distribution

Scheduled backups to Google Drive protect against accidental data loss

Deployed on Firebase Hosting and Cloudflare Workers for high availability

04 Screenshots

Comprehensive School public portal
Public-facing school portal
Comprehensive School admin dashboard
Fee collection and admissions management

School Management · 2023

Back to all work