Inspiration
Cities today struggle with delayed repairs, poor communication, and inaccessible reporting systems. Many people—especially elderly citizens, rural communities, people with disabilities, and non-native speakers—cannot easily report issues like potholes, garbage, or broken streetlights. This led us to ask: What if reporting civic problems took less than 60 seconds, worked offline, spoke your language, and kept you updated in real time? That question sparked ReportEase.
What it does
ReportEase is a mobile-first Progressive Web App (PWA) that enables anyone to report municipal issues in under 60 seconds, even without internet. It provides:
- One-tap location + instant photo upload
- Offline submission with automatic background sync
- Voice-to-text descriptions in multiple languages
- A unique tracking ID and real-time status updates
- An admin dashboard for municipal officers
- A field worker mobile interface with GPS navigation
- AI-powered duplicate detection to avoid redundant reports
ReportEase makes civic engagement easy, accessible, transparent, and fast.
How we built it
We built ReportEase using:
- Next.js 14 + TypeScript for the frontend
- Supabase (PostgreSQL, Auth, Storage, Realtime) for backend services
- Service Workers + IndexedDB for offline capability
- Mapbox GL JS for geolocation and interactive mapping
- Supabase Edge Functions + Twilio + Resend for notifications
- PostGIS for geospatial intelligence
- Web Speech API for voice input in multiple languages
The architecture follows a PWA-first, offline-first design so that reporting works anytime, anywhere.
Challenges we ran into
- Ensuring full offline functionality with reliable background sync
- Implementing multilingual voice recognition with high accuracy
- Designing a universal accessibility layer (WCAG AA)
- Creating AI-based duplicate report detection with geospatial logic
- Balancing simplicity for citizens with powerful tools for officers
- Building a system that scales for millions of users
- Testing behavior across low-end devices and unstable networks
These challenges helped shape a more robust and inclusive solution.
Accomplishments that we're proud of
- Achieved sub-60-second anonymous reporting
- Implemented true offline mode using Service Workers and IndexedDB
- Built real-time tracking using Supabase Realtime
- Designed a fully WCAG AA accessible interface
- Integrated multilingual voice input—not just translation
- Delivered role-based dashboards for citizens, officers, and field workers
- Created AI-powered duplicate prevention, reducing redundant work
Most importantly, we created a platform that empowers underserved communities to participate equally in civic governance.
What we learned
- Deep understanding of PWA architecture, caching, and background sync
- How to integrate geospatial intelligence using PostGIS and Mapbox
- Importance of inclusive design and accessibility standards
- Real-world challenges of municipal workflows and citizen reporting
- How voice interfaces can break barriers for low-literacy and disabled users
- How to architect systems that remain usable with or without connectivity
We learned that accessibility isn’t a feature—it’s a foundation.
What's next for REPORTEASE
- AI-powered automated categorization of reports
- Predictive analytics to identify high-risk areas
- Integration with municipal ERP systems
- Adding regional languages and dialect-based voice models
- Launching a public API for civic data and research
- Expanding to multiple cities and scaling to national-level adoption
- Introducing gamified community rewards for active citizens
- Machine learning model to estimate time-to-resolution
Our long-term goal: Make civic reporting universally accessible, transparent, and effortless—everywhere.
Built With
- indexeddb
- mapbox-gl-js
- next.js-14
- postgis
- postgresql
- pwa
- react
- rest-api
- service-workers
- supabase
- tailwind-css
- twilio
- typescript
- vercel
- web-speech-api
- websockets
Log in or sign up for Devpost to join the conversation.