Student Violations Management System

Role

Front End Developer & UI/UX Designer

Duration

August 2024 - March 2025

Team

  • 1 Project Manager
  • 2 Front End Developers
  • 3 Back End Developers
  • 2 Quality Analysts

Tech Stack

HTML, CSS, Javascript, PHP, SQL

Overview

As part of our major academic project, I worked on the frontend and UI design of a dashboard that visualizes student violations across different university colleges. The project aimed to help school administrators monitor behavioral trends more efficiently. I focused on creating a clean, user-friendly interface and integrating dynamic charts using Chart.js.

Problem

The university lacked a system for monitoring student violations in a consistent and organized way. Most reports were done manually, scattered across departments, and difficult to consolidate. This made it hard to identify recurring issues or take timely action.

Outcome

I designed and built the frontend using HTML, CSS, and JavaScript, and connected it with real-time data visualizations. The system was deployed and received positive feedback of the design and user experience during our final defense, highlighting its potential to improve administrative decision-making.

Project Features

Interactive Dashboard

A comprehensive dashboard displaying real-time violation statistics across all colleges using Chart.js. Administrators can view trends, compare data between departments, and monitor behavioral patterns at a glance.

Search & Filter

Advanced search functionality allowing administrators to quickly locate student records by ID, name, college, or violation type with dynamic filtering options.

Report Generation

Automated report generation system that compiles violation data into formatted documents for administrative review and official record-keeping.

User Management

Role-based access control system enabling different permission levels for administrators, department heads, and staff members to ensure data security.