meta_pixel
Tapesearch Logo
Log in
Syntax - Tasty Web Development Treats

936: Realtime LED Wall With React + Websockets (I Let Strangers Control It)

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, News, Technology

4.91.2K Ratings

🗓️ 10 September 2025

⏱️ 47 minutes

🧾️ Download transcript

Summary

Scott, Wes, and CJ dive into Wes’s Hackweek project: a real-time, web-controlled LED grid. They break down the hardware build, custom 3D-printed diffuser, ESP32 microcontroller, and Cloudflare durable objects powering live pixel art, GitHub activity displays, and interactive web drawings. Show Notes 00:00 Welcome to Syntax! 02:03 Wes’ Hackweek project: a web-controlled LED grid 03:52 The hardware: LED panels, soldering, and power WS2812 LED panels 06:38 ESP32 microcontroller and WLED firmware explained ESP32 Microcontroller 10:57 Power supply challenges and injection fixes 15:05 Debugging and testing a DIY LED matrix 15:56 Shorts, blown circuits, and melted wires 17:58 Designing and 3D-printing the diffuser for crisp pixels 21:29 The software: Cloudflare Durable Objects + Party Server Cloudflare Durable Objects Party.server 22:18 Real-time sync and state management across clients Party Client 28:43 Connecting the server to the LED hardware 41:51 Open access fun: scripts, NSFW images, and moderation Cloudflare tunnel 44:10 Live demos 45:34 Future plans: stats, rooms, and making it always-on Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott: X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

Transcript

Click on a timestamp to play from that location

0:00.0

Welcome to Syntax. Today, I'm going to be detailing my Hackweek project, which is my real-time web-controlled LED grid that I put together.

0:11.6

So Century has this thing called Hackweek where you get a week to build whatever it is that you want, maybe a product.

0:17.2

Scott and CJ did some really cool stuff. I opted to do something that was a mix of both

0:23.2

hardware and software, as well as letting the wider internet be able to control it. And it was a

0:28.9

super fun project. I learned a lot about it. And today we're here to talk about all of the

0:35.0

different pieces and get into the nitty gritty. There's a lot of really

0:38.1

fun stuff and a lot of fun stuff you're going to learn about it. I should say this is going to be

0:42.5

a pretty video heavy episode. If you're listening to this on the audio podcast, keep it going.

0:48.6

You're going to learn a few things we're talking about durable objects and web sockets and React

0:53.0

and microcontrollers and all that. But if you want to cut to the video version of it, either on Spotify or on YouTube, I'm going to recommend that since there's going to be a lot of visual stuff. Hell yeah. What's up, Scott and CJ? Not much. Not much. I brought a salad to the party. So, yeah, that's what's up.

1:12.9

That's what's up.

1:13.5

No, no, no. It's taken out. I'm just a day to see how you built this. I love stuff like this. I was very jealous when you started doing this project because I would love to build a little drawing interface like this. So, no, it's super cool. and I got to say just

1:26.2

you always

1:27.9

seem to bring a level to hack week

1:30.8

that is something

1:32.2

that makes me personally want to beat you and step up and do something better.

1:37.9

So shout out to you for always being so ambitious about hack week because I'm a competitive

1:43.1

type of person.

1:44.0

And I feel like if our team didn't go hard on the hack week, then it would be less fun. Yeah. And I'm excited to learn how you did this because it's, it is in a sense of full stack project because you've got hardware, you've got a front end, you've got a server that's got to sync these things. It's real time. Yeah, I'm excited to hear all the parts and pieces that make this thing work.

2:03.5

So I'm going to show you what I built here. And then we're going to break down all of the different pieces. So there is obviously the hardware LED grid here. There's a diffuser panel that has been 3D printed over top of it as well as with a frame.

2:18.4

Then there's a web app where you can draw on it. Scott and CJ, if you guys go to local.

2:24.7

westboss.com, you'll be able to go ahead and draw on. You can upload one of the features

...

Please login to see the full transcript.

Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.

Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.

Copyright © Tapesearch 2026.