Electronics Projects
// code + schematics from my YouTube builds
๐ LED Wave
A button-triggered LED wave effect using 6 LEDs on an Arduino UNO. Press the button and the LEDs light up one by one, creating a sweeping wave animation forward.
Arduino UNO6ร LED6ร ResistorPush Button10kฮฉ Pull-down
6 LEDs on pins D2โD7 each with current-limiting resistor to GND. Button on D13 with 10kฮฉ pull-down to GND, pulled HIGH on button press via +5V.
// LED Wave โ Arduino UNO // 6 LEDs pins 2-7, Button pin 13 const byte LED1 = 2; const byte LED2 = 3; const byte LED3 = 4; const byte LED4 = 5; const byte LED5 = 6; const byte LED6 = 7; const byte BUTTON = 13; void setup() { pinMode(LED1, OUTPUT); pinMode(LED2, OUTPUT); pinMode(LED3, OUTPUT); pinMode(LED4, OUTPUT); pinMode(LED5, OUTPUT); pinMode(LED6, OUTPUT); pinMode(BUTTON, INPUT); } void loop() { if(digitalRead(BUTTON) == HIGH) { digitalWrite(LED1, HIGH); delay(100); digitalWrite(LED1, LOW); digitalWrite(LED2, HIGH); delay(100); digitalWrite(LED2, LOW); digitalWrite(LED3, HIGH); delay(100); digitalWrite(LED3, LOW); digitalWrite(LED4, HIGH); delay(100); digitalWrite(LED4, LOW); digitalWrite(LED5, HIGH); delay(100); digitalWrite(LED5, LOW); digitalWrite(LED6, HIGH); delay(100); digitalWrite(LED6, LOW); } }
๐จ RGB LED Control
WiFi-controlled RGB LED via a web interface hosted on the ESP32. Pick any color with a color picker or use preset buttons โ control your LED from any browser on your network.
ESP32RGB LED3ร ResistorWiFiWebServer
RGB LED โ ESP32: Red wire โ GPIO 13, Green wire โ GPIO 12, Blue wire โ GPIO 14. Each channel through a 220ฮฉ resistor. Common cathode to GND.
// RGB LED WiFi Control โ ESP32 // Control LED color from any browser #include <WiFi.h> #include <WebServer.h> const char* ssid = "YOUR_SSID"; const char* password = "YOUR_PASSWORD"; const int redPin = 13; const int greenPin = 12; const int bluePin = 14; WebServer server(80); void setRGB(int r, int g, int b) { analogWrite(redPin, r); analogWrite(greenPin, g); analogWrite(bluePin, b); } const char html[] PROGMEM = R"rawliteral( <!DOCTYPE html><html> <head><title>RGB LED Control</title></head> <body> <input type="color" oninput="updateColor(this.value)"> <button onclick="setColor(255,0,0)">Red</button> <button onclick="setColor(0,255,0)">Green</button> <button onclick="setColor(0,0,255)">Blue</button> <script> function updateColor(c) { fetch('/setColor?r='+parseInt(c.slice(1,3),16) +'&g='+parseInt(c.slice(3,5),16) +'&b='+parseInt(c.slice(5,7),16)); } function setColor(r,g,b) { fetch('/setColor?r='+r+'&g='+g+'&b='+b); } </script> </body></html> )rawliteral"; void handleRoot() { server.send(200, "text/html", html); } void handleSetColor() { int r = server.arg("r").toInt(); int g = server.arg("g").toInt(); int b = server.arg("b").toInt(); setRGB(r, g, b); server.send(200, "text/plain", "OK"); } void setup() { Serial.begin(115200); pinMode(redPin, OUTPUT); pinMode(greenPin, OUTPUT); pinMode(bluePin, OUTPUT); setRGB(0, 0, 0); WiFi.begin(ssid, password); while(WiFi.status() != WL_CONNECTED) delay(1000); server.on("/", handleRoot); server.on("/setColor", handleSetColor); server.begin(); Serial.println(WiFi.localIP()); } void loop() { server.handleClient(); }
๐ก๏ธ DHT11 Weather Station
A WiFi-connected weather station using the DHT11 sensor and ESP32. Reads temperature and humidity, then displays the live data on a web page accessible from any browser on your network.
ESP32DHT11WiFiWeb ServerTemperatureHumidity
DHT11 module โ ESP32: VCC โ 3.3V (red), GND โ GND (black), DATA โ GPIO 15 (green). The module board includes pull-up resistor โ no extras needed.
// DHT11 Weather Station โ ESP32 // Live temp + humidity over WiFi #include <WiFi.h> #include <DHT.h> const char* ssid = "YOUR_WIFI_SSID"; const char* password = "YOUR_WIFI_PASSWORD"; #define DHTPIN 15 #define DHTTYPE DHT11 DHT dht(DHTPIN, DHTTYPE); WiFiServer server(80); void setup() { Serial.begin(115200); dht.begin(); WiFi.begin(ssid, password); while(WiFi.status() != WL_CONNECTED) delay(500); Serial.println(WiFi.localIP()); server.begin(); } void loop() { WiFiClient client = server.available(); if(client) { String req = client.readStringUntil('\r'); client.flush(); float temp = dht.readTemperature(); float hum = dht.readHumidity(); String html = "<!DOCTYPE html><html><head>" "<title>Weather Station</title>" "<style>body{font-family:Arial;display:flex;" "justify-content:center;align-items:center;" "height:100vh;background:#f0f4f8}" ".card{background:#fff;padding:2rem;" "border-radius:1rem;text-align:center;" "box-shadow:0 4px 20px rgba(0,0,0,.1)}" "</style></head><body><div class='card'>" "<h1>ESP32 Weather Station</h1>" "<p>Temperature: " + String(temp) + " ยฐC</p>" "<p>Humidity: " + String(hum) + " %</p>" "<button onclick='location.reload()'>" "Refresh</button></div></body></html>"; client.println("HTTP/1.1 200 OK"); client.println("Content-type:text/html"); client.println(); client.println(html); delay(10); client.stop(); } delay(2000); }