I Built reportcard.fun So Citizens Can Grade Public Infrastructure Like Students Get Graded

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • MyrinNew
    Senior Member
    • Feb 2024
    • 5175

    #1

    I Built reportcard.fun So Citizens Can Grade Public Infrastructure Like Students Get Graded

    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:

    1. Upload a photo of a local issue
    2. Select the problem category
    3. Add optional location details
    4. 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:


    A modern web application for reporting and tracking civic issues in your community. Created by Chandravijay Agrawal.



    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.




    More...
Working...