🌦️ Micro Project II - Weather Dashboard

A real-time, interactive weather dashboard powered by ESP32, DHT11, and LDR sensors. This project collects live temperature, humidity, and light intensity data and displays it in a modern, responsive web interface. Perfect for learning IoT, web development, and real-world sensor integration!

---

🚀 Features

• 🔴 Live Data: Instant temperature, humidity, and light updates from ESP32.
• 📊 Visual Dashboard: Clean, responsive, and mobile-friendly user interface.
• 🌙 Light Detection: See day/night transition using LDR.
• 🛎️ Custom Alerts: Set threshold values for each parameter and receive alerts in real-time.
• 🧹 Clear Storage: One-click button to erase stored sensor data instantly.
• 🌐 Easy Deployment: Host the dashboard on GitHub Pages or access via ESP32 IP.
• 🔌 Plug & Play: Auto-connect feature—no need to manually enter IP address.
• ➕ Expandable: Add more sensors like BMP180, rain sensors, etc.
• 🆕 Random Weather Facts: Enjoy a rotating section that shows fun weather-related trivia.
• 🆕 Live Chart Visualization: Real-time charts for temperature and humidity trends.
• ⬇️ CSV Export: Download all sensor readings as a CSV file for analysis.

---

🧰 Technologies Used

Component	Purpose
ESP32	Wi-Fi microcontroller for data + server
DHT11	Measures temperature & humidity
LDR	Detects ambient light
HTML5/CSS3	Front-end interface
JavaScript	Real-time updates & logic
Chart.js	Displays live graphs
GitHub Pages	Free hosting for static site

---

🧱 Hardware Setup

🔌 Required Components

• ESP32 Dev Board
• DHT11 Sensor
• LDR Sensor
• Resistors, Jumper Wires, Breadboard

⚡ Wiring Overview

Component	ESP32 GPIO Pin
DHT11	GPIO 15 (e.g.)
LDR	GPIO 27 (via voltage divider)
Power	3.3V and GND

---

🔧 ESP32 Firmware Setup

1. Connect Sensors

Wire DHT11 and LDR as described above.

2. Configure Wi-Fi

const char* ssid = "YOUR_SSID";
const char* password = "YOUR_PASSWORD";

3. (Optional) Static IP

IPAddress local_IP(192,168,1,184);
IPAddress gateway(192,168,1,1);
IPAddress subnet(255,255,255,0);
WiFi.config(local_IP, gateway, subnet);

4. Upload & Monitor

Upload the firmware and open the Serial Monitor:

Serial.println(WiFi.localIP());

---

🌐 Dashboard Deployment

1. Clone the Repository

git clone https://github.com/Divyansh-89/Micro-Project-II.git
cd Micro-Project-II

2. Edit IP Configuration

In config.js, update:

export const ESP32_API_URL = "http://<YOUR_ESP32_IP>/data";

3. Host on GitHub Pages

• Push code to GitHub
• Enable GitHub Pages (Settings → Pages → Source: main, folder: /root or /docs)
• Access:

https://divyansh-89.github.io/Micro-Project-II/

---

📖 Usage

• Open the dashboard in your browser.
• Power on the ESP32.
• Watch temperature, humidity, and light data update live.
• Set thresholds and clear logs directly from UI.
• Check fun weather facts on every page load.
• Monitor live changes with interactive temperature/humidity chart.
• Click the Export Data button to save all readings as a CSV file.

---

🛎️ Custom Alerts & 🧹 Clear Storage

Users can set temperature, humidity, and light limits. If any reading crosses the threshold, a visual or audio alert appears instantly—great for real-time environment monitoring. Want to restart monitoring? Use the Clear Storage button to wipe previous readings and begin fresh tracking.

✨ More Features

• User-friendly configuration
• Fully mobile-compatible layout
• Can be extended with additional sensors or data logging
• Dark mode toggle (optional)
• Chart.js graphs showing temperature and humidity history

---

📸 Demo

---

🤝 Credits

Inspired by Random Nerd Tutorials and the open-source IoT community.
Project by: Divyansh-89

---

📄 License

This project is licensed under the MIT License

---

📌 Quick Links

• ESP32 Wi-Fi Docs (RandomNerdTutorials)
• ESP32 Static IP Guide
• PlatformIO IP Debugging
• IoT Weather Station Reference
• Weather Facts API Reference
• Chart.js Documentation

---