Delaware Flood Map

Inspiration

These two prompts inspired the idea, as well as the crowdsourcing capabilities of the navigation app Waze:

"How can monitoring flooding be improved in Delaware and/or areas without flood sensors or cameras?"

"Can social media and other user-generated content be used to crowdsource flooding locations across Delaware in real time?"

Everyone has a phone/camera in their pocket and encouraging the use of existing navigation apps like Waze (or AllTrails thank you judge) will save lives when it comes to flooding. Placing markers on the map as indicators of flood dangers in real-time will help people prepare and encourage action.

Some Data

Flash Flooding:

• heavy rainfall overwhelms the capacity of the drainage system
• flash flooding in Delaware ranges from 10% to 30% during severe storms.

Riverine Flooding:

• occurs when rivers or streams overflow their banks due to heavy rainfall or snowmelt.
• riverine flooding in Delaware ranges from 10% to 30% during severe storms

Coastal flooding:

• storm surges
• high tides
• other weather events
• Coastal flooding in Delaware ranges from 40% to 60% during severe storms.

What it does

Allows users to place markers on areas with signs of flooding or dangers of potential flooding.

How we built it

Typescript Google Maps Javascript API Google Maps Places API

Challenges we ran into

• Deploying using the API
• Free trial API accounts don't allow for deployed sites (at least that's the error I ran into)

Accomplishments that we're proud of

• Different marker indicators
• Modals for each marker

What we learned

I never used any Google APIs before so it was a learning curve.

What's next for Delaware Flood Map

It is a scalable project that could move to be an extension of an established crowdsourcing navigation app.

Built With

• api
• google
• google-maps
• typescript