Frontend · Oct 2025
Saudi School Attendance & Discipline Management System
Admin dashboard for attendance tracking, automated discipline warnings, and reporting with real-time API integration.
Case study
The story
A discipline management interface for Saudi schools that unifies attendance tracking, warnings, and reporting in a single admin experience.
The problem
Manual attendance tracking and fragmented dashboards made it difficult to enforce discipline policies consistently and generate reports quickly.
The build
Delivered a focused admin UI with automated warning logic, dashboards, and real-time reporting backed by Swagger API integration.
What it changed
- Automated warning cycles every 5 absences.
- Streamlined admin workflows across users, subjects, and sessions.
- Delivered responsive dashboards optimized for daily use.
My part
- Built core attendance flows, dashboards, and reporting views in React.
- Integrated Swagger-based APIs for users, subjects, and sessions.
- Implemented automated warning logic aligned with absence thresholds.
What it does
- Attendance tracking with automated warnings every 5 absences
- Admin dashboard for oversight and daily operations
- Reports view with export-friendly summaries
- User, subject, and session management
- Swagger API integration for real-time data
Hard parts
- Coordinating complex admin workflows without overwhelming users.
- Keeping data flow consistent across multiple API endpoints.
Stack
React · Tailwind CSS · Swagger API
Screens
Want the same arrangement, built and then run by the person who built it?
Tell me what yours runs on and what an hour of downtime costs you.