Real-time, AI-powered health risk assessment system for Indian states and cities.
Provides dynamic risk analysis using live weather, air quality, and mobility data.
Live Demo: https://aliiakbarkhan.github.io/disease-risk-predictor/
- ✅ Real-time Risk Prediction
- ✅ Live Weather and Air Quality Integration
- ✅ Smart State & City Autocomplete
- ✅ Advanced Risk Scoring Algorithm
- ✅ Health Recommendations Based on Risk Level
- ✅ User-Friendly UI with Responsive Design
- ✅ Location Suggestions with Keyboard Navigation
- ✅ Enhanced Error Handling: Thoughtful and engaging experience when APIs are unavailable or endpoints return errors, including creative 404/error pages.
- ✅ Dynamic Theme Control: Well-implemented dark mode based on user preference or system settings.
- ✅ Creative Loading States: Engaging loading animations (e.g., weather-related spinners) and informative fun facts while waiting for API responses.
- ✅ Real-time Visual Themes: UI elements dynamically adjust based on public API data (such as weather conditions or time of day).
- ✅ Text-to-Speech Functionality: Incorporates text-to-speech for reading out articles, reports, or instructions, enhancing accessibility.
- HTML5
- CSS3
- JavaScript (Vanilla)
- OpenWeatherMap API - Real-time weather data
- IQAir AirVisual API - Real-time air quality data
- Web Speech API - For text-to-speech functionality
- FontAwesome - Icons and UI elements
- GitHub Pages - Free static hosting
disease-risk-predictor/
│
├── index.html # Main HTML file
├── style.css # All project styling
└── script.js # JavaScript logic
# Clone the repository
git clone https://github.com/aliiakbarkhan/disease-risk-predictor.git
# Open index.html directly in your browserNo backend setup is required. All APIs are called directly from the browser.
- Special thanks to OpenWeatherMap and IQAir for providing free APIs.
- UI inspired by modern health dashboards and card-based designs.