FrontendOct 2025
Saudi School Attendance & Discipline Management System
Admin dashboard for attendance tracking, automated discipline warnings, and reporting with real-time API integration.
EducationDashboardsAutomation
Role
Frontend Developer
Tech Stack
ReactTailwind CSSSwagger API

Screens
Project gallery
Selected UI screens from the build.
Details
Case study
Overview
A discipline management interface for Saudi schools that unifies attendance tracking, warnings, and reporting in a single admin experience.
Problem
Manual attendance tracking and fragmented dashboards made it difficult to enforce discipline policies consistently and generate reports quickly.
Solution
Delivered a focused admin UI with automated warning logic, dashboards, and real-time reporting backed by Swagger API integration.
Outcomes
- Automated warning cycles every 5 absences.
- Streamlined admin workflows across users, subjects, and sessions.
- Delivered responsive dashboards optimized for daily use.
My Contributions
- 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.
Tech Stack
ReactTailwind CSSSwagger API
Features
- 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
Challenges & Learnings
- Coordinating complex admin workflows without overwhelming users.
- Keeping data flow consistent across multiple API endpoints.
Next project
Movie Genre Classifier (93% Accuracy)
Machine learning classifier that predicts movie genres from text data with 93% accuracy and a Streamlit demo.