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

Syntax - Tasty Web Development Treats

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