Welcome to the Smart Room project! This is a web-integrated smart room system powered by ESP32. It combines sensors, a web dashboard, and automation to create a safer, smarter environment.
👉 Check out the complete guide on Medium: How to Build a Web-Integrated Smart Room with ESP32
This tutorial includes everything you need:
- Step-by-step hardware setup
- Wiring diagram
- Web dashboard integration using MQTT (HiveMQ)
- Full code walkthrough for ESP32 and Nuxt.js dashboard
- Keypad + LCD access system
- MQ-2 Gas Sensor triggers fan & auto-unlock
- Temperature & Humidity monitoring with DHT11
- Real-time Web Dashboard with MQTT
- Servo Motor door control
- Fan activation with Relay
- ESP32 Dev Board
- 3x4 Keypad
- LCD1602 (I2C)
- MQ-2 Gas Sensor
- DHT11 Sensor
- SG90 Servo Motor
- Relay Module (for Fan)
- LEDs, Jumper wires, Resistors, Breadboard
- ESP32 Code:
smartroom.ino - Web App (Nuxt.js):
/web-dashboardfolder
Replace placeholders in code with your HiveMQ and WiFi credentials.
# Web Dashboard Setup
npm install
npm run dev// Arduino Setup
// Update your WiFi and MQTT credentials
const char* ssid = "YOUR_WIFI";
const char* password = "YOUR_PASSWORD";- Broker: HiveMQ Cloud
- Uses
PubSubClient(ESP32) & Websockets (Web App)
You can deploy the web dashboard to GitHub Pages easily.
Feel free to fork, explore, or contribute ideas!
MIT License
✨ Inspired and built with love using ESP32 + Nuxt + MQTT + Sensors