Smart City Dashboard

A real-time Smart City Analytics Dashboard that visualizes key urban metrics including weather conditions, air quality, rainfall, humidity, temperature, and environmental insights using public APIs and interactive charts.

Live Demo

🔗 https://ridhi-03kumari.github.io/Smart-City-Dashboard/

---

Features

Real-Time Weather Monitoring

• Current temperature
• Humidity
• Wind speed
• Atmospheric pressure
• Weather conditions

Air Quality Analysis

• PM2.5 monitoring
• Air quality status indicators
• Environmental insights

Rainfall Tracking

• Rain forecasts
• Rainfall visualizations

Interactive Charts

• Temperature trends
• Humidity trends
• Rainfall trends
• Forecast analytics

Location Support

• Search by city
• Use current location
• Dynamic weather updates

Live Updates

• Automatic data refresh
• Real-time API integration

---

Technologies Used

Frontend

• HTML5
• CSS3
• JavaScript (ES6)

Visualization

• Chart.js

APIs

• Weather API
• Air Quality API

Deployment

• GitHub Pages

---

Project Structure

Smart-City-Dashboard/
│
├── index.html
├── style.css
├── app.js
├── charts.js
├── README.md

---

Project Objectives

The goal of this project is to create a centralized dashboard that enables users to monitor key smart-city indicators through an intuitive and interactive interface.

The dashboard demonstrates:

• API Integration
• Data Visualization
• Frontend Development
• Real-Time Analytics
• Responsive UI Design

---

Deployment

This project is deployed using GitHub Pages.

Live Site:

https://ridhi-03kumari.github.io/Smart-City-Dashboard/

---

Contributors

• Ridhi Kumari
• Binayak
• Rituraj

---

License

This project is intended for educational and portfolio purposes.