Skip to main content

5,000+ students and parents

Multi-Branch School Management App (React Native)

A React Native school management app for a multi-branch school network: 5,000+ students and their parents, 2 regions, 25 buildings, and 8 roles. I was the sole mobile developer and built the mobile-optimized APIs on a shared backend with the web team.

  • 5,000+students and parents
  • 2regions
  • 25buildings
  • 8roles
React Native school management app admin dashboard showing students, teachers, parents and classes
React Native school management app super admin dashboard with branch overview and key metrics
School attendance analytics screen with wing, class and section drill-down in a React Native app

The problem

A network this size cannot run on a flat 'school' model. Attendance, fees and results have to roll up through regions, branches, wings and buildings, and every role, from a subject coordinator to a parent with several children, needs a different slice of the same data.

The solution

The app models the real hierarchy (Region → Branch → Wing (Boys/Girls) → Building → Class → Section) and scales to larger networks without a redesign. Role-aware navigation gives each of the 8 roles only what they need, and drill-down analytics let leadership move from network totals down to a single section.

Key features

  • Daily and subject-wise attendance

    Teachers mark attendance per day and per subject; parents see calendar tallies for present, absent, late and holiday.

  • Quiz approval by coordinators

    Online quizzes are approved by coordinators before students can see them.

  • Drill-down fee and attendance analytics

    Network → wing → building → class → section, so leadership can locate a problem at the right level.

  • Targeted push broadcasts

    Send announcements to a specific branch or building instead of the whole network.

  • One-tap call and email to parents

    Teachers and coordinators reach a parent straight from the student record.

  • Results, datesheets and timetables

    Term-wise results with subject breakdowns, live datesheet status and weekly timetables.

  • Multi-child parent view

    A parent with several children switches between them inside one account.

My role

Sole mobile developer; designed and built the mobile-optimized APIs on a shared backend with the web team.

Tech stack

  • React Native
  • TypeScript
  • Node.js
  • Express
  • Prisma
  • MongoDB
  • FCM

Screens

Super Admin: network-wide metrics, branch selector and quick access
Admin: totals for students, teachers, parents, classes and sections
Attendance analytics: drill down from wings to classes and sections
Teacher: classes, attendance rate, schedule and quick actions
Term result summary with percentage and grade
Attendance calendar with monthly tally
Fee details with receipt number and payment history
Attendance summary: present, absent, late, holidays
Subject-wise result breakdown
Academic result trend
Fee history ledger by term
Datesheet overview for first and second term
Detailed datesheet with exam day, subject and time
Live datesheet status: completed, ongoing, scheduled
Subject enrollment with assigned faculty
Weekly class timetable
Full-week schedule, day by day
Teacher view: subject roster

Work like this for your team

Building something similar?

I'm open to remote React Native roles worldwide and to projects in Rawalpindi, Islamabad and across Pakistan.