A responsive, auto-refreshing NodeMCU web server interface built with Bootstrap, featuring real-time control of LEDs (or relays) and live sensor feedback from DHT11 (Temperature & Humidity) and MQ Gas sensor.
🎥 Demo Video:
The repository contains two versions of the NodeMCU server project:
Control 3 LEDs (or relays) directly from a clean, mobile-responsive web interface.
Includes:
- 3 controllable LEDs (or relays)
- DHT11 Sensor (Temperature & Humidity)
- MQ Gas Sensor (Air Quality Detection)
The interface displays live readings and dynamically changes colors based on sensor values.
- 📱 Bootstrap-based responsive UI
- 🔄 Auto-refreshing homepage for real-time data
- 🎛️ Interactive LED/Relay control buttons
- 🌡️ Live sensor readings (Temp, Humidity, Gas)
- 🎨 Color-coded feedback for sensor thresholds
- ⚡ Minimal setup for quick deployment on ESP8266/NodeMCU
- HTML/CSS (Bootstrap)
- JavaScript
- NodeMCU (ESP8266)
- Arduino IDE (for flashing code)
- Flash the desired
.inosketch (basic or sensor version) to your NodeMCU using the Arduino IDE. - Upload the
data/folder (containing web files) to the ESP8266 SPIFFS. - Connect to the NodeMCU's IP address to access the smart control panel.
- Smart home control panels
- Educational IoT projects
- Real-time sensor monitoring dashboards
- DIY automation projects with minimal coding
NodeMCU ESP8266 Web Server Bootstrap UI IoT Dashboard LED Control DHT11 MQ Sensor Arduino Smart Home Interface Auto Refresh Web UI ESP8266 Sensor Web Interface