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.
<h3 class="code-line">
<a></a>Show Notes</h3>
<ul>
<li class="has-line-data">
<a href="#t=00:00">00:00</a> Welcome to Syntax!</li>
<li class="has-line-data">
<a href="#t=02:03">02:03</a> Wes’ Hackweek project: a web-controlled LED grid</li>
<li class="has-line-data">
<a href="#t=03:52">03:52</a> The hardware: LED panels, soldering, and power
<ul>
<li class="has-line-data"><a href="https://www.amazon.com/s?k=WS2812+led+panels&crid=3QK4XZNYSG63J">WS2812 LED panels</a></li>
</ul>
</li>
<li class="has-line-data">
<a href="#t=06:38">06:38</a> ESP32 microcontroller and WLED firmware explained
<ul>
<li class="has-line-data"><a href="https://www.amazon.com/s?k=esp+32+microcontroller">ESP32 Microcontroller</a></li>
</ul>
</li>
<li class="has-line-data">
<a href="#t=10:57">10:57</a> Power supply challenges and injection fixes</li>
<li class="has-line-data">
<a href="#t=15:05">15:05</a> Debugging and testing a DIY LED matrix</li>
<li class="has-line-data">
<a href="#t=15:56">15:56</a> Shorts, blown circuits, and melted wires</li>
<li class="has-line-data">
<a href="#t=17:58">17:58</a> Designing and 3D-printing the diffuser for crisp pixels</li>
<li class="has-line-data">
<a href="#t=21:29">21:29</a> The software: Cloudflare Durable Objects + Party Server
<ul>
<li class="has-line-data"><a href="https://developers.cloudflare.com/durable-objects/">Cloudflare Durable Objects</a></li>
<li class="has-line-data"><a href="https://docs.partykit.io/reference/partyserver-api/">Party.server</a></li>
</ul>
</li>
<li class="has-line-data">
<a href="#t=22:18">22:18</a> Real-time sync and state management across clients
<ul>
<li class="has-line-data"><a href="https://docs.partykit.io/reference/partysocket-api/">Party Client</a></li>
</ul>
</li>
<li class="has-line-data">
<a href="#t=28:43">28:43</a> Connecting the server to the LED hardware</li>
<li class="has-line-data">
<a href="#t=41:51">41:51</a> Open access fun: scripts, NSFW images, and moderation
<ul>
<li class="has-line-data"><a href="https://local.wesbos.com/">Cloudflare tunnel</a></li>
</ul>
</li>
<li class="has-line-data">
<a href="#t=44:10">44:10</a> Live demos</li>
<li class="has-line-data">
<a href="#t=45:34">45:34</a> Future plans: stats, rooms, and making it always-on</li>
</ul>
<h3 class="code-line">
<a></a>Hit us up on Socials!</h3>
Syntax: <a href="https://twitter.com/syntaxfm">X</a> <a href="https://www.instagram.com/syntax_fm/">Instagram</a> <a href="https://www.tiktok.com/@syntaxfm">Tiktok</a> <a href="https://www.linkedin.com/company/96077407/admin/feed/posts/">LinkedIn</a> <a href="https://www.threads.net/@syntax_fm">Threads</a>
Wes: <a href="https://twitter.com/wesbos">X</a> <a href="https://www.instagram.com/wesbos/">Instagram</a> <a href="https://www.tiktok.com/@wesbos">Tiktok</a> <a href="https://www.linkedin.com/in/wesbos/">LinkedIn</a> <a href="https://www.threads.net/@wesbos">Threads</a>
Scott: <a href="https://twitter.com/stolinski">X</a> <a href="https://www.instagram.com/stolinski/">Instagram</a> <a href="https://www.tiktok.com/@stolinski">Tiktok</a> <a href="https://www.linkedin.com/in/stolinski/">LinkedIn</a> <a href="https://www.threads.net/@stolinski">Threads</a>
Randy: <a href="https://twitter.com/randyrektor">X</a> <a href="https://www.instagram.com/randyrektor/">Instagram</a> <a href="https://www.youtube.com/@randyrektor">YouTube</a> <a href="https://www.threads.net/@randyrektor">Threads</a>

Podurama

Home

Trending

Personal

Your Podcasts

New Episodes

My Files

Favourite Episodes

Tags (Folders)

Recently Played

Bookmarks

Followed Playlists

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

Syntax - Tasty Web Development Treats

AI Chapters

AI Insights

Reviews