Featured Project · Computer Vision · Full StackFeatured Case Study

Civic Issue Tracker

Smart Urban Maintenance & Incident Management System

Next.jsReact.jsTailwind CSSTypeScriptNode.jsSupabaseLeaflet

Executive Overview

Civic Issue Tracker is an end-to-end digital municipal platform bridging the communication gap between citizens and municipal authorities. It provides an intuitive interface for citizens to report potholes, garbage dumps, broken streetlights, and water leakage with geotagged photographic evidence, while supplying administrative authorities with an automated classification and dispatch dashboard.

The Problem

Urban infrastructure degradation often goes unresolved due to fragmented reporting channels, lack of precise geospatial context, manual report triage bottlenecks, and zero transparency for citizens regarding resolution status.

The Solution

A unified full-stack solution featuring citizen authentication, instant photographic issue logging with interactive Leaflet map pinpoints, an automated Computer Vision triage pipeline for hazard detection and categorization, and a real-time administrative dashboard for automated department assignment, progress tracking, and public status transparency.

Key Platform Features

1Citizen Authentication & Secure Session Management via Supabase Auth

2Interactive Geotagged Issue Reporting with Leaflet Maps and GPS coordinates

3Automated Issue Classification & Hazard Detection via Computer Vision pipeline

4Administrative Management Dashboard for municipal authority task assignments

5Department-Level Routing (Roads, Sanitation, Electrical, Water Works)

6Real-Time Status Lifecycle Updates (Reported → In Progress → Resolved)

7Image Storage & CDN delivery with Supabase Storage buckets

8Responsive, accessible design optimized for field workers and desktop administrators

Architecture & Engineering Decisions

Frontend: Next.js 14 App Router, React.js, Tailwind CSS, Leaflet Maps, Lucide Icons
Backend Services: Node.js, Next.js Server Actions & API Routes, Supabase Edge Functions
Data Persistence: Supabase PostgreSQL with Row Level Security (RLS) policies
AI / Computer Vision: Automated image classification service detecting urban hazards
Deployment: Continuous Integration and Deployment hosted on Vercel

Engineering Challenges

•Handling precise geospatial coordinates across varying mobile browsers with Leaflet integration.
•Structuring granular access control between regular citizens, municipal field staff, and departmental administrators.
•Optimizing image upload compression to ensure fast reporting over constrained mobile cellular networks.

Outcome & Status

Successfully developed and deployed a fully operational civic maintenance platform with a live public production deployment on Vercel and complete GitHub repository access.

Production-tested repository with live continuous deployment.