Overview:

The Air Quality Monitoring Dashboard is a web application designed to track, display, and analyze air quality data from multiple locations. It provides users with real-time data, historical trends, and health recommendations based on air pollution levels (e.g., PM2.5, PM10, CO2, NO2). The platform is suitable for public awareness, city officials, environmental researchers, or schools.

The dashboard can fetch data via APIs (like OpenWeatherMap/AQICN) or IoT sensors (if extended), making it both a data visualization and environmental monitoring tool.

Technologies Used:

• Frontend: HTML, CSS, Bootstrap, JavaScript (with Chart.js or D3.js for visualization)

• Backend: PHP / Java (Spring Boot) / Node.js (Express.js)

• Database: MySQL / MongoDB (for storing location-wise air quality data)

• APIs: OpenWeatherMap, AQICN, or simulated JSON data

• Optional: MQTT/REST for IoT sensor integration

User Roles:

1. Public User: View real-time and historical air quality

2. Admin/Operator: Add or manage sensors/locations, update manual data if needed

Key Features:

For All Users:

• View current air quality index (AQI) per city or area

• Real-time pollutant readings (PM2.5, PM10, CO2, O3, NO2, SO2)

• Location-based filtering using a map view (Google Maps/Leaflet.js)

• Interactive charts showing hourly/daily/monthly trends

• Color-coded AQI indicators (Good, Moderate, Unhealthy, etc.)

• Health advisory messages based on AQI level

• Mobile-responsive layout for easy accessibility

Admin Panel:

• Add/edit monitoring locations

• Manually update sensor values if auto-fetch is unavailable

• Upload CSV files of historical air quality data

• View system logs or errors from API/data issues

Modules & Pages:

• Dashboard Home: Live AQI cards and map of locations

• Location Details: Charts, pollutant breakdown, trend history

• Compare Cities: Side-by-side analysis of 2 or more locations

• AQI Info Page: Explanation of each AQI range and health impact

• Admin Panel: CRUD for sensor locations and data uploads