CityPulse - Real-Time Traffic & Civic Issue Reporting Platform

CityPulse builds a real-time data layer for cities by merging live traffic signals with high-frequency community reports. Citizens capture what sensors can’t, creating the first crowdsourced operational map for urban infrastructure. It’s the operating system cities use to see problems as they happen.

🚦 Features

Real-Time Traffic Monitoring

  • Live Traffic Data: Real-time Google Maps traffic layer showing current road conditions
  • Traffic Color Coding: Green (normal), Yellow (moderate), Red (heavy), Dark Red (severe)
  • Bengaluru Focus: Optimized for Bengaluru traffic patterns and road network
  • Live Updates: Traffic conditions update automatically

Interactive Traffic Views

  • All Traffic: Complete view with real-time traffic + user reports
  • Flow: Traffic flow issues (congestion, slow traffic, jams, construction)
  • Incidents: Traffic incidents (accidents, road blocking, incidents)
  • Dynamic Legends: Color-coded legends for each view type

Route Planning

  • Google Places Integration: Smart location autocomplete for route planning
  • Real-Time Directions: Live route calculation with traffic consideration
  • Dynamic Route Colors: Route lines change color based on traffic view
  • Start/End Markers: Clear visual indicators for route start and end points

Civic Issue Reporting

  • Multi-Step Wizard: Guided reporting process with location, photo, and description
  • Photo Upload: Mandatory photo upload with drag-and-drop support
  • Location Options: Choose between coordinates or manual location input
  • Google Places Autocomplete: Smart location search for manual input
  • Real-Time Feed: Live updates of submitted reports

Advanced Map Features

  • Color-Coded Markers: Different colored markers for different issue types
  • Interactive Markers: Hover animations and detailed info windows
  • Zoom Controls: Custom zoom in/out buttons
  • Traffic Toggle: Easy switching between traffic views
  • Focus Navigation: Click reports to focus map on specific locations

Professional UI/UX

  • Modern Design: Clean, professional interface with glassmorphism effects
  • Responsive Layout: Works seamlessly on desktop, tablet, and mobile
  • Smooth Animations: Framer Motion powered transitions and micro-interactions
  • Accessibility: Full keyboard navigation and screen reader support
  • WhatsApp Integration: Direct contact button for support

Built With

Share this project:

Updates