πŸš€ 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

Built With

Share this project:

Updates

Submission history