Wi-Fi LED Control Panel with Raspberry Pi Pico 2 W

A Wi-Fi-enabled LED control system using the Raspberry Pi Pico 2 W, featuring a modern dark-themed web interface with real-time brightness control and expandable modules for future IoT features.

Apr 28, 2026

•

106 views

•

0 respects

•

GPL3+

Home Automation

Remote Control

Monitoring

Devices & Components

10 jumper wires 150mm male

Breadboard - 400 contacts

Box 525 1% precision resistors - 17 values

Set of 70 assorted color 5mm LEDs

Software & Tools

Arduino IDE

Project description

Code

Raspi_Pico_2W_WIFI_

cpp

1#include <WiFi.h>
2
3const char* ssid = "YOUR_WIFI_NAME";
4const char* password = "YOUR_WIFI_PASSWORD";
5
6WiFiServer server(80);
7
8const int ledPin = 17;
9int brightness = 0;  // 0–255
10
11void setup() {
12  pinMode(ledPin, OUTPUT);
13  analogWrite(ledPin, 0);
14
15  Serial.begin(115200);
16  delay(1000);
17
18  WiFi.begin(ssid, password);
19
20  Serial.print("Connecting");
21  while (WiFi.status() != WL_CONNECTED) {
22    delay(500);
23    Serial.print(".");
24  }
25
26  Serial.println("\nConnected!");
27  Serial.println(WiFi.localIP());
28
29  server.begin();
30}
31
32void loop() {
33  WiFiClient client = server.available();
34
35  if (client) {
36    String request = client.readStringUntil('\r');
37    client.flush();
38
39    // 🔥 Brightness control: /set?val=123
40    if (request.indexOf("/set?val=") != -1) {
41      int pos = request.indexOf("val=") + 4;
42      brightness = request.substring(pos).toInt();
43      brightness = constrain(brightness, 0, 255);
44      analogWrite(ledPin, brightness);
45    }
46
47    client.println("HTTP/1.1 200 OK");
48    client.println("Content-Type: text/html");
49    client.println("Connection: close");
50    client.println();
51
52    client.println("<!DOCTYPE html>");
53    client.println("<html>");
54
55    client.println("<head>");
56    client.println("<meta name='viewport' content='width=device-width, initial-scale=1'>");
57    client.println("<style>");
58
59    client.println("body { background:#111; color:#eee; font-family:Arial; text-align:center; }");
60    client.println(".card { background:#222; padding:20px; margin:20px auto; width:80%; border-radius:15px; }");
61    client.println("input[type=range] { width:80%; }");
62    client.println("button { padding:10px 20px; margin:10px; background:#333; color:white; border:none; border-radius:10px; }");
63    client.println("button:hover { background:#555; }");
64
65    client.println("</style>");
66    client.println("</head>");
67
68    client.println("<body>");
69
70    client.println("<h1>Pico Control Panel</h1>");
71
72    // 💡 Brightness Card
73    client.println("<div class='card'>");
74    client.println("<h2>Brightness</h2>");
75    client.println("<input type='range' min='0' max='255' value='" + String(brightness) + "' onchange='send(this.value)'>");
76    client.println("</div>");
77
78    // 🧱 Future feature placeholders
79    client.println("<div class='card'>");
80    client.println("<h3>Future Module Slot 1</h3>");
81    client.println("<p>Reserved for sensors / data display</p>");
82    client.println("</div>");
83
84    client.println("<div class='card'>");
85    client.println("<h3>Future Module Slot 2</h3>");
86    client.println("<p>Reserved for IoT controls / devices</p>");
87    client.println("</div>");
88
89    // JS
90    client.println("<script>");
91    client.println("function send(val){ fetch('/set?val=' + val); }");
92    client.println("</script>");
93
94    client.println("</body></html>");
95
96    delay(1);
97    client.stop();
98  }
99}

#include <WiFi.h>

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

WiFiServer server(80);

const int ledPin = 17;
int brightness = 0;  // 0–255

void setup() {
  pinMode(ledPin, OUTPUT);
  analogWrite(ledPin, 0);

  Serial.begin(115200);
  delay(1000);

  WiFi.begin(ssid, password);

  Serial.print("Connecting");
  while (WiFi.status() != WL_CONNECTED) {
    delay(500);
    Serial.print(".");
  }

  Serial.println("\nConnected!");
  Serial.println(WiFi.localIP());

  server.begin();
}

void loop() {
  WiFiClient client = server.available();

  if (client) {
    String request = client.readStringUntil('\r');
    client.flush();

    // 🔥 Brightness control: /set?val=123
    if (request.indexOf("/set?val=") != -1) {
      int pos = request.indexOf("val=") + 4;
      brightness = request.substring(pos).toInt();
      brightness = constrain(brightness, 0, 255);
      analogWrite(ledPin, brightness);
    }

    client.println("HTTP/1.1 200 OK");
    client.println("Content-Type: text/html");
    client.println("Connection: close");
    client.println();

    client.println("<!DOCTYPE html>");
    client.println("<html>");

    client.println("<head>");
    client.println("<meta name='viewport' content='width=device-width, initial-scale=1'>");
    client.println("<style>");

    client.println("body { background:#111; color:#eee; font-family:Arial; text-align:center; }");
    client.println(".card { background:#222; padding:20px; margin:20px auto; width:80%; border-radius:15px; }");
    client.println("input[type=range] { width:80%; }");
    client.println("button { padding:10px 20px; margin:10px; background:#333; color:white; border:none; border-radius:10px; }");
    client.println("button:hover { background:#555; }");

    client.println("</style>");
    client.println("</head>");

    client.println("<body>");

    client.println("<h1>Pico Control Panel</h1>");

    // 💡 Brightness Card
    client.println("<div class='card'>");
    client.println("<h2>Brightness</h2>");
    client.println("<input type='range' min='0' max='255' value='" + String(brightness) + "' onchange='send(this.value)'>");
    client.println("</div>");

    // 🧱 Future feature placeholders
    client.println("<div class='card'>");
    client.println("<h3>Future Module Slot 1</h3>");
    client.println("<p>Reserved for sensors / data display</p>");
    client.println("</div>");

    client.println("<div class='card'>");
    client.println("<h3>Future Module Slot 2</h3>");
    client.println("<p>Reserved for IoT controls / devices</p>");
    client.println("</div>");

    // JS
    client.println("<script>");
    client.println("function send(val){ fetch('/set?val=' + val); }");
    client.println("</script>");

    client.println("</body></html>");

    delay(1);
    client.stop();
  }
}

Comments

Only logged in users can leave comments

roc37126

0 Followers

•

0 Projects

Intro

Trademarks & CopyrightsWhistleblowingDigital Services ActTerms of ServicePrivacy PolicySecurityCookie Settings

Report content