π SpotFix β Smart Civic Issue Reporting Platform
π Problem Statement
Civic issues such as potholes, garbage overflow, streetlight failures, and drainage problems often remain unresolved due to slow reporting systems and lack of transparency between citizens and authorities.
π‘ Solution β SpotFix
SpotFix is a smart civic engagement platform that allows citizens to report issues easily, track their resolution status transparently, and visualize complaint hotspots using an interactive heatmap.
The platform bridges the gap between citizens and government authorities through dedicated dashboards, analytics, and a reward-based engagement system.
β¨ Features
π€ Citizen Module
- π OTP-based Registration (No backend required)
- π Report civic issues with category & location
- π¦ Complaint Tracking System (Pending β Verified β In-Progress β Solved)
- πͺ Coins & Rewards System for participation
- πΊοΈ Live Heatmap showing complaint density
- π€ Rule-Based Chatbot Assistant
- π Personal dashboard with complaint statistics
- π Anonymous Survey Page (No login required)
π§βπΌ Government / Staff Module
- π Staff dashboard with complaint analytics
- ποΈ Issue management & status updates
- β³ Deadline-based tracking (simulated)
- π° Budget allocation overview (demo)
- π Location-based issue visualization
πΊοΈ Heatmap System
- Built using Leaflet + Leaflet Heatmap
Status-based intensity:
- π΄ Pending β High intensity
- π In-Progress / Verified β Medium intensity
- π’ Solved β Low intensity
Interactive markers with detailed popups
π οΈ Tech Stack
| Layer | Technology |
|---|---|
| Frontend | HTML, CSS, JavaScript |
| Maps | Leaflet.js, OpenStreetMap |
| Heatmap | Leaflet.heat |
| Storage | Browser LocalStorage |
| Chatbot | Rule-based JavaScript Bot |
| UI | Custom Modern UI (CSS) |
π Project Structure
SpotFix/
β
βββ index.html # Landing page
βββ register.html # User registration (OTP-based)
βββ home.html # Citizen dashboard
βββ report.html # Issue reporting page
βββ user_complaints.html # Complaint tracking
βββ staff_login.html # Staff login
βββ staff_dashboard.html # Government dashboard
βββ rewards.html # Coins & rewards
βββ survey.html # Anonymous survey
βββ README.md # Documentation
π Future Enhancements
- Backend integration (Node.js / Firebase)
- Real-time notifications
- AI-powered chatbot
- Mobile application
- Role-based authentication
- Government API integration
Log in or sign up for Devpost to join the conversation.