Flood Safety — Project Story

Team: Safety Specialists | School: California High | Grade: 11

Inspiration

Floods are among the most destructive and deadly natural disasters on the planet. According to FEMA, flooding is the #1 most common and costly natural disaster in the United States — and yet most people don't know the basic steps to stay safe.

Living in California, we're no strangers to extreme weather. Between atmospheric rivers, flash flood warnings, and the growing unpredictability of storms driven by climate change, we realized that flood preparedness is something our peers and community rarely talk about — even though it could save lives.

That gap inspired us. We wanted to build something simple, accessible, and actionable: a one-stop resource that anyone could open on their phone in the middle of an emergency and actually use.

How We Built It

We kept the tech stack intentionally minimal:

• HTML5 for structure
• Embedded CSS for styling — no frameworks, no dependencies
• Vanilla JavaScript for the interactive quiz

This was a deliberate choice. A flood safety site that requires a CDN, a build pipeline, or a working internet connection to load its JS framework is ironic at best and dangerous at worst. By keeping everything in a single index.html file, the page loads fast on slow connections and could even be saved offline.

The Quiz

We built an interactive 5-question quiz to reinforce retention.

Built With

• css
• html5
• javascript