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
- bland
- firebase
- gemini
- react
- tailwindcss
- twilio
- typescript
- vertex-ai
- vite

Log in or sign up for Devpost to join the conversation.