The Disaster Warning Dashboard is a comprehensive web application designed to provide real-time disaster monitoring and response information for India. It aggregates meteorological data, threat assessments, and emergency response details to help users stay informed about potential natural disasters such as floods, cyclones, and earthquakes.
This dashboard serves as an educational tool for understanding disaster management systems and promotes awareness about safety measures during emergencies.
Displays a threat watch overview for all Indian states and union territories, featuring an interactive map powered by Leaflet.js and a live intelligence feed of recent incidents.
Provides national meteorological forecasts with detailed weather data tables fetched from reliable APIs, including temperature, humidity, wind speed, and air quality indices.
Offers in-depth data visualization through interactive charts using Chart.js, covering metrics like wind speed trends, river levels, flood depths, pressure variations, storm surges, precipitation rates, soil saturation, wave heights, cyclone intensities, and tsunami risk indices. Users can select specific states for localized analytics.
Presents a zonal rescue intelligence matrix detailing NDRF (National Disaster Response Force) battalion deployments and state-wise emergency response capabilities.
Contains a comprehensive list of emergency contact numbers for various disaster management agencies, helplines, and state control rooms across India.
Archives historical disaster events with detailed descriptions, meteorological data, and impact statistics to facilitate learning from past incidents.
Provides safety guidelines and preparedness tips for different types of disasters including floods, cyclones, and tsunamis, presented in an easy-to-understand format.
- Frontend: HTML5, CSS3, JavaScript (ES6+)
- Mapping: Leaflet.js for interactive maps
- Leaflet.js Documentation
- Charts: Chart.js with Chart.js Plugin Annotation for data visualization
- Chart.js Documentation
- Icons: Font Awesome for UI icons
- Font Awesome
- Fonts: Google Fonts (Inter) for typography
- Google Fonts
- Styling: Custom CSS with glassmorphism effects and responsive design
- Open-Meteo API: Provides free weather forecast data including temperature, precipitation, wind speed, and atmospheric pressure. No API key required.
- Open-Meteo API Documentation
- Open-Meteo Air Quality API: Supplies real-time air quality data with AQI indices.
- Open-Meteo Air Quality API Documentation
- A modern web browser (Chrome, Firefox, Safari, Edge)
- Internet connection for API data fetching and map tiles
- Fork the repository.
- Clone the repository to your local machine.
- Navigate to the project directory.
- Open
index.htmlin your web browser. - The dashboard will automatically load and start fetching real-time data.
No additional installation or build steps are required as this is a static web application.
- Live Demo: Click Here
This project was created as part of a college assignment for educational purposes only. It is not intended for production use or as a substitute for official disaster management systems. Always refer to official government sources for real disaster information and emergency response.
-
CartoDB Basemaps for map tiles
Star this repo if you found it helpful smile