All work Case study

Results, fees and family records for one school

A web app that runs report cards, fees and family records for a secondary school, with a separate login for every teacher.

My role
Product design, UX, web app build
Type
Web app, desktop and phone
Status
Live with a school
Built with
Firebase, Cloudflare Pages
The challenge

What needed solving.

A secondary school in Ogun State was tracking test and exam scores in a spreadsheet I had built for it. There was no full-time clerk, and results, fees and family details lived in different places.

The school wanted one system that teachers, the Director and, later, parents could each use without seeing what they should not.

What I built

The parts that matter.

A private login for every teacher

Each subject teacher enters scores for their own subjects only. Nobody can edit another teacher's work by accident.

The Director approves and locks

When a class is complete, the Director approves it and the scores lock. Missing work is flagged on the dashboard before approval.

Report cards in the school's own layout

Cards print or save as PDF in the layout the school already used, so nothing changes for families.

Fees matched to bank statements

Bills are set per class, part payments are recorded, and an uploaded bank statement is matched to students by the payer's remark.

Student profiles and bulk import

Admission forms are imported from a spreadsheet, and each child has one profile page with parents and contact details.

A parent portal, designed

Parents sign in with a phone number and see only their own child's report cards, fees and school notices.

Decisions behind it

A few rules came from the school, and I built them in. Student positions are never printed on report cards, because the school does not want learning framed as a competition. Fees and parents' phone numbers are visible only to the roles that need them. A student marked as left disappears from every live list but stays in the terms already approved.

The screens

Take a closer look.

Screens show a fictional school, Westbrook Model College, with invented names and scores. Select any image to enlarge it.

Fees: every child's bill and balance
Score entry for a subject teacher
Bank statement upload and payment matching
One profile page for each child
Bulk import from admission forms
The parent portal on a phone
Built with

Under the hood.

FirebaseCloudflare PagesPlain HTML, CSS and JavaScript
Next step

Have a project in mind?

Tell me what you are building. I will reply personally and agree the scope with you before any work starts.