This is a submission for the DEV Weekend Challenge: Community
The Community
I built this for everyday citizens in my city and across India who feel frustrated when basic civic infrastructure fails, such as broken roads, garbage mismanagement, water leakage, and unsafe public spaces, but do not have an easy or visible way to raise awareness.
Most people either:
- Post angry tweets that disappear in the noise
- File complaints that go nowhere
- Or simply give up
This community includes students, working professionals, families, and local residents who care about their neighborhoods but lack leverage.
They do not need another complex government portal.
They need visibility.
What I Built
I built reportcard.fun, a lightweight web app that lets citizens generate a shareable "report card" for civic issues.
Instead of writing long complaint threads, users can:
- Upload a photo of a local issue
- Select the problem category
- Add optional location details
- Instantly generate a structured civic "certificate"
The app converts frustration into a visual artifact that feels official, structured, and shareable.
It is not an official government system. It is an awareness tool designed to spark conversation and accountability.
The key idea:
If students get graded, why not public infrastructure?
Demo
Live Project:
https://reportcard.fun
Example flow:
- Upload photo
- Choose issue type
- Add optional location
- Generate certificate
- Download or share
All generation happens client side for privacy and speed.
Code
The project is deployed publicly.
(You can embed your GitHub repository here if public.)
Core logic includes:
- Client side image handling
- Canvas based certificate rendering
- Dynamic text injection
- Optional QR generation for location linking
How I Built It
reportcard.fun is a front end focused web application designed for simplicity and zero friction.
Key design decisions:
1. No login system
Removing authentication reduces friction and increases usability.
2. Client side rendering
Certificates are generated locally in the browser using canvas rendering.
This avoids storing user data, reduces hosting costs, and improves privacy.
3. Minimal UI
The interface is intentionally simple so non technical users can complete the process in under a minute.
4. Shareability first design
The output format is optimized for social media sharing to increase visibility of civic issues.
Tech stack:
- Modern JavaScript
- HTML5 Canvas
- Lightweight front end architecture
- Deployed on Vercel
This project originally started as a quick experiment inspired by the idea of turning civic frustration into structured accountability. Since launch, it has attracted strong engagement and demonstrated that small tools can spark meaningful conversations.
Communities do not always need bigger systems.
Sometimes they need clearer signals.
Thank you for reading.
Top comments (0)