Civic Connect: A Client-Side Web Application

Muppala Nagakeerthi1, Chittiboina Venkata Narendra 2

1. Assistant professor,

2. MCA Final semester, Master Of Computer Applications, Sanketika Vidhya Parishad Engineering College Vishakhapatnam , Andhra Pradesh, India.

ABSTRACT:
Urban infrastructure issues such as potholes, waste accumulation, water leaks, streetlight failures, and vandalism often remain unresolved due to inefficient reporting systems and poor communication between citizens and municipal authorities. Civic Connect is a client-side web application developed using HTML5, CSS3, and JavaScript to provide a simple and efficient platform for reporting and managing civic issues without requiring a server or cloud infrastructure. The system features separate portals for citizens and administrators, enabling structured issue reporting, AI-assisted verification, and streamlined resolution. Its three-phase AI verification process combines NLP-based text analysis, image-based heuristic analysis, and cross-validation to improve report accuracy and reduce false submissions. The application also integrates the HTML5 Geolocation API and OpenStreetMap Nominatim API to automatically capture and convert GPS coordinates into readable addresses. Citizen and issue data are stored locally using local Storage, ensuring persistence across browser sessions. Citizens can register, submit geotagged reports with images, and track issue status, while administrators can review reports, view AI-generated insights, and update resolutions through a centralized dashboard. Designed to run directly from the local filesystem, Civic Connect is suitable for demonstrations, educational projects, and lightweight deployments, offering a responsive and user-friendly interface across devices

Keywords:

Civic Issue Reporting, Smart City, HTML5, CSS3, JavaScript, Client-Side Web Application, Artificial Intelligence (AI), Natural Language Processing (NLP), Image Analysis, Geolocation API, OpenStreetMap Nominatim API, Local Storage, Citizen Engagement, Municipal Services, Issue Management.