Skip to content
Climate

Street Flood Reporter Map

Residents report waterlogged streets in real time so others can avoid them.

Intermediate16h2–4 people17/20 fit
TL;DR

Build Street Flood Reporter Map for city residents and local authorities in ~16h with 2–4 people. Stack: Leaflet + Firebase + Realtime DB + Next.js.

Why it wins: Climate adaptation with a live demo.

Build flow

01 · Problem
During heavy rain people drive or walk into flooded streets with no warning.
02 · Solution
Crowdsourced photo reports with depth estimates appear on a live map, expire automatically and alert subscribed users near their route.
03 · Build
  1. 1Build a report form with location
  2. 2Sync to a realtime DB
  3. 3Render on Leaflet
  4. 4Add expiry and alerts
04 · Demo
Submit a report on a phone and watch it appear on the big screen map.

MVP checklist

  • Photo reports
  • Live map
  • Auto expiry
  • Route alerts

Tech stack

TechRole
LeafletInteractive maps
FirebaseAuth + database
Realtime DBLive sync
Next.jsFrontend + API routes

Reference repos

Open-source projects you can build on. Links checked 2026-10-31.

Related ideas

More Climate

  • Climate

    Home Climate Risk Report

    Enter an address and see flood, heat and air risks in plain language

    Intermediate16h1–2
    LeafletPythonNext.js
    15/20