ECO SYNC : Smart Environmental Monitoring System for Safer & Sustainable Workspaces

by SUCHIR2004 in Circuits > Sensors

54 Views, 0 Favorites, 0 Comments

ECO SYNC : Smart Environmental Monitoring System for Safer & Sustainable Workspaces

EcoSync (1).png
IMG20260331132014 - Edited.jpg
Screenshot 2026-03-31 141215.png

🌍 EcoS: Smart Environmental Monitoring for a Safer, Smarter World

What if unsafe environmental conditions could be detected before they become dangerous?

EcoS is an intelligent environmental monitoring system designed to make workspaces safer and more sustainable by continuously tracking critical factors like air quality, temperature, humidity, pressure, and light. Instead of relying on manual checks or delayed responses, EcoS delivers real-time insights and instant visual alerts through its smart LED system—turning invisible risks into immediate, actionable signals.

🚀 Key Benefits

  1. ⚡ Real-time monitoring of multiple environmental conditions
  2. 🚨 Instant visual alerts for faster response
  3. 🧠 Smart insights instead of raw, confusing data
  4. 🌐 Remote access through a live web dashboard
  5. 🔧 Scalable design for different environments
  6. 👷 Improves safety, awareness, and decision-making

Built with scalability and accessibility in mind, EcoS goes beyond a single-use prototype. It can be deployed across industrial sites, public spaces, and shared environments where safety and awareness matter most. By combining IoT technology with simple, effective design, this project aims to reduce risks, improve well-being, and contribute to a future where environments actively protect the people within them.

This isn’t just monitoring—it’s proactive safety, reimagined.

Supplies

IMG20260331132014 - Edited.jpg
IMG20260331131529 - Edited.jpg
IMG20260331131622 - Edited.jpg
IMG_20260331_133850 - Edited.jpg
IMG20260331131653 - Edited.jpg
IMG20260331131555 - Edited.jpg
IMG20260331131432 - Edited.jpg

ELECTRONIC COMPONENTS:

- NodeMCU ESP8266 (1x)

- DHT11 Temperature & Humidity Sensor (1x)

- MQ135 Gas Sensor (1x)

- BMP180 / BMP280 Pressure Sensor (1x)

- SSD1306 OLED Display (I2C, 128x64) (1x)

- LDR Light Sensor Module (1x)

- LEDs (Red, White, Blue) (3x)

-9 x 15 cm Universal PCB Prototype Board Double-Sided 2.54mm Hole Pitch

SOFTWARE & TOOLS:

- Arduino IDE

- ESP8266 Board Package

- Required Libraries:

- Adafruit SSD1306

- Adafruit GFX

- DHT Sensor Library

- Adafruit BMP085

- Node.js (for dashboard as website)

Project Overview

🛠️ EcoSync Smart Environmental Monitoring System

In this project, we’ll build EcoSync, a real-time IoT-based safety system designed to monitor environmental conditions in confined and high-risk spaces like factories, tunnels, and underground environments.

The system continuously tracks critical parameters:

  1. 🌡️ Temperature
  2. 💧 Humidity
  3. 🌫️ Air Quality (for harmful gases)
  4. 🌬️ Atmospheric Pressure
  5. 🌙 Light/Dark conditions

But EcoSync goes beyond raw data. It interprets environmental readings and delivers clear, human-readable insights, such as:

  1. “HOT & HUMID”
  2. “AIR QUALITY POOR – VENTILATE”
  3. “CLEAR / RAIN LIKELY”

This makes the system practical and actionable—not just informative.

⚙️ Key Features

  1. 📟 OLED display for real-time local monitoring
  2. 🚨 Smart LED alert system for instant visual warnings
  3. 🌐 Web dashboard for remote access and tracking

Designed for real-world deployment, EcoSync can be adapted for:

  1. 🏭 Fixed installations in industrial or public environments
  2. 🔧 Portable setups for flexible monitoring scenarios

By the end of this project, you’ll have a complete smart monitoring system that not only collects environmental data but also translates it into meaningful safety decisions.

Setup Arduino IDE& Upload to NodeMCU (ESP8266)

Screenshot 2026-05-02 155425.png
IMG20260331131432 - Edited.jpg

In this step, we will upload the program to the NodeMCU ESP8266 so it can read sensor data, control LEDs, and host the web server for the dashboard.

🧰 1. Install Arduino IDE

Download and install the Arduino IDE from:

https://www.arduino.cc/en/software

🔌 2. Add ESP8266 Board Support

  1. Open Arduino IDE
  2. Go to File → Preferences
  3. In "Additional Board Manager URLs", add:
http://arduino.esp8266.com/stable/package_esp8266com_index.json
  1. Go to Tools → Board → Boards Manager
  2. Search for ESP8266 and install it

⚙️ 3. Install Required Libraries

Go to Sketch → Include Library → Manage Libraries, then install:

  1. Adafruit SSD1306
  2. Adafruit GFX
  3. DHT Sensor Library
  4. Adafruit BMP085

💻 4. Open the Project Code

  1. Download the code from the GitHub repository - https://github.com/Suchir2004/SurroundingECO.git
  2. Open the ESP8266 CODE.txt file and copy the code in Arduino IDE.

📡 5. Add Your WiFi Credentials

Find this section in the code:

const char* ssid = "YOUR_WIFI_NAME";
const char* password = "YOUR_WIFI_PASSWORD";

Replace with your WiFi details.

🔌 6. Connect NodeMCU to Computer

  1. Use a USB cable
  2. Select correct port:
  3. Tools → Port → COMx

🛠️ 7. Select Board

Go to:

  1. Tools → Board → NodeMCU 1.0 (ESP-12E Module)

⬆️ 8. Upload the Code

Click the Upload button (→) in Arduino IDE.

Wait until you see:

Done Uploading

📟 9. Check Output

After uploading:

  1. The OLED display will show system status
  2. It will connect to WiFi
  3. It will display the IP address

Example:

IP: 192.168.X.X


Circuit Connections – Wiring Sensors and Components

IMG20260331132014 - Edited.jpg

In this step, we will connect all sensors and components to the NodeMCU ESP8266. Make sure all connections are correct before powering the circuit.

🔌 Complete Connection Table

Components - NodeMCU Pin (overview)

  1. DHT11 (Data)- D5 (GPIO14)
  2. MQ135 (Analog)- A0
  3. LDR Module (Digital)- D6 (GPIO12)
  4. RED LED- D7 (GPIO13)
  5. WHITE LED- D0 (GPIO16)
  6. BLUE LED- D3 (GPIO0) ⚠️
  7. OLED SDA- D2 (GPIO4)
  8. OLED SCL- D1 (GPIO5)
  9. BMP180 / BMP280- I2C (scl - D1, sda - D2)

⚙️ Connection Details

🌡️ DHT11 Sensor

  1. VCC → 3.3V
  2. GND → GND
  3. Data → D5

🌫️ MQ135 Gas Sensor

  1. VCC → 5V or 3.3V (module dependent)
  2. GND → GND
  3. AOUT → A0

⚠️ Note: ESP8266 analog pin supports 0–1V only

Use a voltage divider if needed.

🌙 LDR Module

  1. VCC → 3.3V
  2. GND → GND
  3. DO → D6

📟 OLED Display (SSD1306 – I2C)

  1. VCC → 3.3V
  2. GND → GND
  3. SDA → D2
  4. SCL → D1

🌬️ BMP180 / BMP280 Sensor

  1. VCC → 3.3V
  2. GND → GND
  3. SDA → D2
  4. SCL → D1

💡 LEDs all positive terminal connection and all negative terminal connected to GND

  1. RED LED → D7
  2. WHITE LED → D0
  3. BLUE LED → D3

⚠️ Important Notes

  1. ESP8266 operates at 3.3V only
  2. Do NOT connect 5V directly to GPIO pins
  3. Double-check all GND connections
  4. Use resistors with LEDs (220Ω recommended)

🧪 Before Powering

✔ Check all connections

✔ Ensure no short circuits

✔ Verify correct pin mapping

Once everything is connected, your hardware setup is ready for testing in the next step.

IMPORTANT - Power the Nodemcu through USB or use a 5 volt Battery pack to power it from VIN (+) and GND (-).


*I done all my connection on a prototype board. We also can use Breadboard or custom made PCB.

Setting Up the Web Dashboard (Download, Install & Run)

Screenshot 2026-03-31 141215.png
Screenshot 2026-03-31 141236.png

In this step, we will download the web dashboard from GitHub, set it up using Node.js, and connect it to the ESP8266 for real-time monitoring.

🌐 1. Download the Project from GitHub

Open the repository:

https://github.com/Suchir2004/SurroundingECO

  1. Click the green Code button
  2. Click Download ZIP
  3. Save the file to your computer

📦 2. Extract (Unzip) the Project

  1. Right-click the downloaded ZIP file
  2. Select Extract Here or Extract All

💻 3. Install Node.js

Download and install Node.js from:

https://nodejs.org

Verify installation in terminal:

node -v
npm -v

🧑‍💻 4. Install and Open Project in VS Code

4.1 Install Visual Studio Code:

Download and install Visual Studio Code from:

https://code.visualstudio.com

4.2 Open your project folder in VS Code:

  1. Open Visual Studio Code
  2. Click File → Open Folder
  3. Select the extracted project folder

📦 5. Install Required Packages

  1. Open the extracted folder in Vscode.
  2. Terminal in VS Code and run:
npm install

This installs all dependencies for the dashboard.

🚀 6. Run the Dashboard

Start the development server:

npm run dev

You will see:

http://localhost:3000

📡 7. Connect Dashboard to ESP8266

Open file:

/hooks/use-sensor-data.ts

Find:

const ESP_IP = "YOUR_IP"

Replace with your ESP8266 IP that display on the OLED:

const ESP_IP = "192.168.X.X"

📶 8. Connect to Same WiFi (VERY IMPORTANT ⚠️)

Make sure:

  1. Your ESP8266 is connected to WiFi
  2. Your laptop is connected to the SAME WiFi network

Otherwise, the dashboard will NOT receive data.

🌐 9. Open Dashboard in Browser

  1. On laptop:
http://localhost:3000
  1. On mobile:
http://YOUR_LAPTOP_IP:3000

⚠️ 10. Fix Mobile Access (If Needed)

If mobile cannot access the dashboard:

Edit:

// next.config.js
module.exports = {
allowedDevOrigins: ["YOUR_LAPTOP_IP"],
}

Then restart:

npm run dev

🔄 11. Verify Data Connection

Open in browser:

http://YOUR_ESP_IP/data

If JSON data appears, everything is working correctly.

🎉 Your dashboard is now fully set up and displaying real-time environmental data from the ESP8266!

System Working & Output (Real-Time Monitoring)

IMG20260331132014 - Edited (1).jpg
Screenshot 2026-03-31 141215.png
WhatsApp Image 2026-03-31 at 3.21.43 PM.jpeg
Screenshot 2026-03-31 141236.png

⚙️ In this step, we’ll see how EcoSync operates as a complete system—transforming raw sensor data into clear insights across hardware (OLED + LEDs) and a live web dashboard.

🔄 System Workflow

EcoSync follows a continuous, real-time cycle:

  1. Sensors capture environmental data:
  2. 🌡️ Temperature & Humidity (DHT11)
  3. 🌫️ Air Quality (MQ135)
  4. 🌬️ Pressure (BMP180)
  5. 🌙 Light Levels (LDR)
  6. The ESP8266 processes this data using built-in logic
  7. Based on conditions, the system:
  8. Updates the OLED display
  9. Triggers LED alerts
  10. Sends live data to the web dashboard via Wi-Fi

📟 OLED Display Output

The OLED provides quick, on-device monitoring by cycling through:

  1. Temperature & Humidity
  2. Atmospheric Pressure
  3. Gas Levels
  4. Light Status
  5. Smart condition summaries:
  6. “COMFORTABLE”
  7. “HOT & HUMID”
  8. “RAIN LIKELY”

This allows instant awareness—no phone or external device needed.

🚨 Smart LED Alert System

EcoSync uses LEDs for immediate, glanceable alerts:

  1. 🔴 Red LED → Activates when air quality becomes unsafe
  2. ⚪ White LED → Turns on in low-light or dark conditions
  3. 🔵 Blue LED → Blinks continuously (system status indicator)

These visual cues enable fast response without needing to read detailed data.

🌐 Web Dashboard Output

The web dashboard provides a more detailed, remote view:

  1. Live sensor readings
  2. Air quality status
  3. Smart environmental insights
  4. Graphs and trends for analysis

Data refreshes automatically every 2 seconds, ensuring continuous monitoring.

📊 Sample Output

  1. Temperature: 28.5°C
  2. Humidity: 65%
  3. Air Quality: Moderate
  4. Light: Bright
  5. Status: SAFE

🧠 Intelligent Insights

Instead of overwhelming users with raw numbers, EcoSync delivers simple, actionable messages:

  1. “AIR QUALITY POOR – VENTILATE”
  2. “HOT & HUMID”
  3. “CLEAR WEATHER”

This makes the system accessible even to non-technical users.

🌍 Real-World Impact

  1. Early detection of hazardous gases
  2. Improved safety in low-visibility conditions
  3. Increased environmental awareness
  4. Remote monitoring for proactive decision-making

🎉 EcoSync successfully combines embedded systems and modern web technologies to deliver a practical, scalable, and intelligent environmental safety solution.

Conclusion — From Data to Decisions

EcoSync goes beyond basic environmental monitoring by turning raw sensor data into meaningful, real-time insights that actually help in decision-making.

By integrating multiple sensors, intelligent processing, and clear output systems (OLED, LEDs, and a web dashboard), the project creates a complete safety solution that is both practical and scalable. It doesn’t just tell you what the environment is—it tells you what it means and what to do next.

This system demonstrates how IoT can be used not just for data collection, but for proactive safety, awareness, and smarter environments.

🚀 With further enhancements like AI-based predictions and mobile integration, EcoSync has the potential to evolve into a powerful tool for building safer and more sustainable spaces.