🌩️ StormIQ

🌦️ Real-Time Weather Intelligence & Flood Risk Prediction Platform

A modern weather intelligence platform built with Flask, OpenWeather API, JavaScript, Chart.js, and Leaflet Maps that provides real-time weather information, AI-inspired flood risk assessment, interactive visualizations, and analytics dashboards.

---

---

🚀 Project Overview

StormIQ is an intelligent weather monitoring platform that fetches live weather data from the OpenWeather API and provides:

• 🌎 Global weather search
• 🌦️ Real-time weather conditions
• 📈 AI-inspired flood risk prediction
• 📊 Interactive weather analytics
• 🗺️ Live weather location maps
• ⏳ 24-Hour Weather Forecast
• 📉 Temperature & Rainfall Charts
• 📋 Analytics Dashboard

The project demonstrates backend development, REST API integration, frontend visualization, and responsive dashboard design.

---

✨ Features

🌎 Live Weather Search

• Search any city worldwide
• Real-time weather updates
• Current temperature
• Humidity
• Wind speed
• Pressure
• Weather condition
• Last updated timestamp

---

🌊 Flood Risk Prediction

StormIQ analyzes multiple weather parameters to estimate flood risk using:

• Rain probability
• Humidity
• Wind speed
• Pressure trend
• Weather condition

Risk Levels

• 🟢 Low
• 🟡 Medium
• 🔴 High

---

📊 Weather Analytics

Interactive charts displaying

• Temperature trend
• Rainfall prediction
• Forecast comparison

Built using Chart.js

---

🗺️ Live Interactive Map

Displays

• Current city location
• Interactive OpenStreetMap
• Latitude & Longitude
• Live marker popup

Built using Leaflet.js

---

⛅ 24-Hour Forecast

Shows upcoming weather every few hours

Includes

• Temperature
• Rain probability
• Rainfall amount
• Wind speed
• Weather description

---

📈 Analytics Dashboard

Dashboard provides

• Total monitored locations
• Active alerts
• Average risk score
• Connected data sources
• Weekly analytics graph
• Recent weather activities

---

📸 Project Screenshots

🏠 Home Page

---

🌦️ Weather Analysis

---

📊 Forecast, Charts & Map

---

📈 Analytics Dashboard

---

🛠 Tech Stack

Backend

• Python
• Flask

Frontend

• HTML5
• CSS3
• JavaScript

APIs

• OpenWeather API

Charts

• Chart.js

Maps

• Leaflet.js
• OpenStreetMap

Version Control

• Git
• GitHub

---

📂 Project Structure

StormIQ
│
├── static
│   ├── images
│   ├── script.js
│   └── style.css
│
├── templates
│   ├── index.html
│   └── dashboard.html
│
├── app.py
├── requirements.txt
├── .env
├── .gitignore
└── README.md

---

⚙️ Installation

Clone the repository

git clone https://github.com/praveenjoe115/StormIQ.git

Move into the project

cd StormIQ

Install dependencies

pip install -r requirements.txt

Create a .env file

OPENWEATHER_API_KEY=YOUR_API_KEY

Run the application

python app.py

Open browser

http://127.0.0.1:5000

---

🌍 API Used

OpenWeather API

Features used

• Current Weather API
• 5-Day Forecast API

---

💡 Future Enhancements

• 🤖 Machine Learning flood prediction
• 📱 Mobile responsive PWA
• 🔔 Email & SMS weather alerts
• 📡 Live radar integration
• 🌐 Multi-language support
• 📍 GPS auto location detection
• 📅 7-Day weather forecast
• ☁️ Cloud deployment

---

📚 Learning Outcomes

During this project I learned

• Flask Backend Development
• REST API Integration
• JSON Parsing
• Frontend-Backend Communication
• JavaScript Fetch API
• Data Visualization
• Interactive Maps
• Dashboard Design
• Responsive UI Development
• Git & GitHub Workflow

---

👨‍💻 Developer

Praveen Kumar U

Final Year BCA Student

GitHub

https://github.com/praveenjoe115

---

⭐ If you like this project

Please consider giving this repository a Star ⭐