Final Project Presentation • 2026

Traffic Rule Awareness & Violation Management System

A full-stack, web-based digital portal uniting citizen road safety education, visual sign learning, interactive quizzes, and administrative violation tracking.

Rule & Sign Education

Searchable statutory traffic laws, sanction details, and high-visibility road sign cards.

Interactive Quizzes

Real-time driver knowledge evaluation with instant scoring and score certificates.

Violation Management

Authenticated citizen infraction reporting paired with a live Traffic Officer control panel.

Tech Stack: React 18 • Node.js • Express.js • Dual-Mode MySQL & Memory DB

Role Access: Public Citizen & Officer Admin Panel

Problem & Motivation

Urban Road Safety & Administrative Bottlenecks

Challenges faced in modern traffic awareness and violation management.

Fragmented Information Access

Traffic rules, fine rates, and road signs are scattered across printed notices or informal news, leading to low driver compliance and confusion.

Lack of Interactive Driver Testing

Novice drivers have limited digital self-assessment tools to practice safety knowledge before licensing or on-road driving.

Cumbersome Violation Reporting

Citizens witnessing dangerous infractions (e.g. red-light jumps, helmetless riding) lack a direct, secure online submission channel.

Manual Administrative Overhead

Traffic authorities process reports manually, causing delayed resolution times and lack of real-time audit visibility.

System Scope

Core Objectives & System Vision

Four integrated pillars powering the platform.

01

Digital Rulebook

Organize national and municipal traffic regulations into a searchable, category-filtered directory with exact statutory fine breakdowns.

02

Visual Sign Learning

Interactive visual cards showcasing regulatory, warning, and informational road signs with clear descriptions.

03

Citizen Watch Portal

Authenticated submission of observed traffic infractions with specific landmark locations and real-time status tracking.

04

Officer Control Panel

Admin dashboard for traffic officers to inspect reports, update status (Pending Reviewed Resolved), and publish new rules.

User Roles & Access Control

Role-Based Workflows

Distinct access controls for general citizens vs authorized traffic officers.

Citizen / Driver Workflow

Role: citizen

• Browse & search statutory traffic regulations & penalties.
• Take interactive safety quizzes with real-time score grading.
• Secure login/registration via JWT bearer authentication.
• Submit detailed violation reports with landmark locations.
• Track personal submitted reports in real-time.

Officer / Admin Workflow

Role: admin

• Dedicated officer login portal (admin@traffic.gov.np).
• Live system activity summary (Total Reports, Pending, Resolved, Rules).
• One-click report status transitions (Pending Reviewed Resolved / Rejected).
• Publish new traffic rules, signs, and fine updates dynamically.

System Design

System Architecture & Data Flow

Decoupled full-stack architecture with dual-mode storage resiliency.

React SPA (Frontend)

React 18 • Vite
Lucide React • Axios

Node.js Express API

JWT Auth • Bcrypt
REST Endpoints

Dual-Mode Data Engine

MySQL 8.0 (Pool)
Auto-Failover to Memory Store

* Bearer Tokens (JWT) authenticate protected endpoints (Submit Violation, Admin Review, Dynamic Rule Addition).

Clean Separated Layers

Frontend views never query database directly; all interactions go through standardized Express JSON APIs.

Zero-Downtime Resilience

If MySQL server is unavailable during demo or deployment, the server seamlessly switches to transactional memory storage.

Secure Authentication

Passwords are salted and hashed using Bcrypt; API operations enforce JWT token verification.

Database Architecture

Entity-Relationship (ER) Schema

Normalized relational database tables designed for scale and integrity.

Users

            id (PK, AUTO_INC)

            name VARCHAR(100)

            email VARCHAR(100) UNIQUE

            password_hash VARCHAR(255)

            role ENUM('citizen', 'admin')

            created_at DATETIME

Violation_Reports

            id (PK, AUTO_INC)

            user_id (FK -> Users.id)

            description TEXT

            location VARCHAR(255)

            status ENUM('pending','reviewed',...)

            created_at DATETIME

Traffic_Rules & Signs

            Traffic_Rules (id, title, category...)

            Road_Signs (id, name, image_url...)

            Penalties (id, violation_type, fine)

            Quizzes (id, question, options...)

Users (1) ────────────── submits ──────────────► Violation_Reports (N)

Module Overview

Citizen Education & Quiz Engine

Engaging, searchable learning tools for road safety awareness.

Searchable Traffic Regulation Directory

Instant keyword search across statutory speed limits, lane discipline, helmet/seatbelt laws, and DUI regulations.

Visual Road Sign Gallery

High-contrast visual cards categorizing Mandatory, Cautionary, and Informational traffic signs.

Transparent Penalty & Sanction Table

Structured listing of exact fine amounts and statutory penalty terms for various infractions.

Interactive Knowledge Evaluation Quiz

Randomized multiple-choice quizzes with instant grading, correct answer explanations, and score certificates.

Module Overview

Citizen Reporting & Officer Control Panel

Streamlined violation submission and administrative review workflow.

Citizen Reporting Portal

Citizens submit reports with description, date, and specific landmark locations.

            Report #104: Helmetless driving observed at New Road Intersection.

            Status: Pending Review

Officer Admin Dashboard

Traffic officers inspect incoming reports and change report lifecycle status with 1-click controls.

            Action: Transition #104 status

            [ Pending ]  [ Reviewed ]  [ Resolved ]

Technology & Implementation

Technology Stack & Technical Innovations

Modern engineering choices ensuring reliability, speed, and security.

Frontend Engine

• React 18 & Vite: Sub-second HMR and crisp UI rendering.
• Glassmorphic CSS: Premium dark mode design system.
• Lucide React: Vector iconography for intuitiveness.

Backend REST Server

• Node.js & Express: Asynchronous API request handling.
• JWT & Bcrypt: Statetess token auth & password hashing.
• Modular Routes: Clean API contract design.

Dual DB Engine

• MySQL Pool: Relational DDL & schema integrity.
• Automatic Failover: Seamless fallback to in-memory store.
• Auto-Seeding: Preloaded rules, signs & quizzes.

Validation & Quality Assurance

Testing & Verification Matrix

Empirical test verification across core functional requirements.

Test ID	Target Module	Input / Action	Expected Result	Verification
TC-01	Authentication	Citizen register & login	JWT token returned; header displays role badge	PASSED
TC-02	Rule Search	Search keyword "Helmet"	Filters directory to display matching rules	PASSED
TC-03	Quiz Evaluation	Submit options for 5 quiz questions	Instant score percentage & explanation breakdown	PASSED
TC-04	Violation Submission	Submit location & infraction description	Report stored with 'Pending' status	PASSED
TC-05	Admin Control	Officer updates report status to 'Resolved'	Status updates across admin & citizen views	PASSED
TC-06	DB Resilience	Start API server without active MySQL	Auto-fallback to seedData memory engine	PASSED

Future Roadmap

Future Scope & System Recommendations

Next-generation features for smart city integration.

AI Number Plate Recognition (ANPR)

Integrate computer vision OCR inside the report upload form to parse vehicle license plates automatically from uploaded photos.

Geo-Tagging & Heatmaps

Incorporate interactive Leaflet/Google Maps pin selection to generate real-time urban accident and infraction density heatmaps.

Online Fine e-Payment

Connect statutory ticket IDs to digital wallets (eSewa, Khalti, ConnectIPS) for instant online fine settlement by violators.

Conclusion

Thank You!

The Traffic Rule Awareness & Violation Management System provides a unified, reliable platform bridging public safety education with digital administrative oversight.

Questions & Answers

We welcome questions and feedback from the evaluation panel.

Traffic Rule System • Academic Presentation 2026