by Team Disaster Alertinator
🌐 Official Website
(Because predictions aren’t just numbers in code — they belong in real hands, helping people make life-saving decisions.)
Our Feature Friday tradition has always been about adding something exciting, impactful, and useful to DeepWave every week.
And today, we’re introducing our biggest feature yet — while also giving you a complete recap of all our past milestones.
Before we dive deeper, here’s everything we’ve built so far:
1️⃣ Real-Time Community Reporting + Interactive Map
2️⃣ Immersive Tour Mode (History of Tsunamis)
3️⃣ Perry Tsunami Game Mode (Fun + Awareness)
4️⃣ Secure User Authentication System
5️⃣ Fully Responsive Mobile Layout (Optimized for all devices)
6️⃣ 3D NASA Globe + 2D Map Enhancements
And now…
7️⃣ ML Model Integrated with Frontend (Final Feature Friday) ✅
For weeks, our AI-powered tsunami prediction model (91% accuracy) worked quietly in the backend.
Now, it’s fully integrated into the UI for real-time, user-friendly predictions.
- Live Predictions: Input latitude, longitude, magnitude, depth → Get instant results.
- Confidence Scores for transparency.
- Seamless API Integration between backend & React frontend.
- Beautiful UI that works perfectly on desktop & mobile.
“This is the brain of DeepWave, finally brought to life on your screen.”
When every second counts, humans can feel what machines don’t detect immediately.
That’s why we built a crowdsourced alert system for early warning collaboration.
- Instant anomaly reporting:
- “I felt an earthquake”
- “Water pulling away from shore”
- “Animals behaving strangely”
- Interactive Map (React Leaflet):
- Reports shown as live pins.
- Click to view type, message, timestamp.
- Categories: 🌍 Earthquake | 🌊 Water Movement | 🐦 Animal Movement.
- Trust & Security:
- Verified users only.
- Reports sanitized, timestamped, and rate-limited.
A scroll-driven elevator journey through real historical tsunamis — making awareness interactive and unforgettable.
- 6 Levels: 5 historic events + 1 safety quiz.
- Real images + atmospheric music.
- Events Covered:
- 1960 Chile Earthquake
- 2004 Indian Ocean Tsunami
- 2011 Tōhoku, Japan
- 1755 Lisbon
- 1883 Krakatoa
Preparedness meets play: a snake-style game where Agent Perry saves the world.
- 20 levels, increasing difficulty.
- Achievements & GOD MODE at milestones.
- Unlockable music tracks (Tokyo Drift, Loose My Mind).
- Optimized for touch & mobile.
We made security fun and stylish:
- Supabase-powered login & sign-up.
- Email verification.
- Perry-themed glass UI + jazz background.
Emergencies happen on the go — now, DeepWave works perfectly on all screens:
- Game Mode touch-ready.
- Tour Mode scroll experience optimized.
- Community reports & maps mobile-friendly.
For visualization lovers:
- 3D interactive Earth: zoom, rotate, explore tsunami zones.
- 2D map for quick, intuitive navigation.
- Live pins from reports integrated on maps.
Everything we’ve built so far — awareness, community, security, fun, and mobility — now combines with intelligent predictions.
With ML integration, DeepWave becomes:
- ✅ AI-driven for accuracy.
- ✅ Human-powered for speed.
- ✅ Engaging & secure for every user.
DeepWave isn’t just a hackathon project anymore.
It’s a blueprint for modern disaster preparedness.
- 🌊 AI Risk Prediction (NEW: ML integrated into frontend!)
- 🌍 3D NASA Globe
- 🗺️ Live Map + Community Reports
- 🛸 Tour Mode
- 🎮 Game Mode
- 🔐 User Authentication
- 📱 Mobile-First Design
- Accuracy: 91%
- Inputs: latitude, longitude, depth, magnitude
- Output: Tsunami Risk (Yes/No) + Confidence Score
- Now fully live on the platform.
# 1️⃣ Clone the repo
git clone https://github.com/Mohitlikestocode/Project-Deepwave.git
# 2️⃣ Navigate to the folder
cd Project-Deepwave-main
# 3️⃣ Install dependencies
npm install
# 4️⃣ Start the dev server
npm run dev