meta_pixel
Tapesearch Logo
Log in
Syntax - Tasty Web Development Treats

934: We Built a Real-Time, Local-Data, Competitive Coding Game

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, News, Technology

4.91.2K Ratings

🗓️ 3 September 2025

⏱️ 37 minutes

🧾️ Download transcript

Summary

Scott, Wes, and CJ dive into SynHax, Scott’s Hackweek project for code battles. They discuss live coding duels, referee controls, and the surprisingly simple tech stack that delivers instant updates and audience engagement. Show Notes 00:00 Welcome to Syntax! 01:50 Brought to you by Sentry.io 02:30 What is SynHax? This Button Broke Our Brains (CSS Challenge) 04:21 The Stack SvelteKit Postgres Drizzle Zero Sync Better Auth Syntax 931: How to make good choices when starting a coding project 07:39 How it works 15:03 The battle experience 28:28 Fun details 34:12 Creating new battles & the admin dashboard 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 talking deep dive into my hack week project, which is the Synhacks competitive coding game. This thing is going to be useful for us when we do our CSS battles. We can code live and UI battles. We can have an audience watch us do it in real time and vote and all these great things and i built this project on a stack that is going to change how i build apps i think forever because i was so efficient with this and i was so able to knock out so many things so quickly and iterate and build and have this thing be so

0:39.9

fast and good. I want to talk all about it. I'm going to scream it from the rooftops, this stack

0:45.0

here, because I had such a good time building this thing. So we're going to do a deep dive in

0:49.5

that. But before we get going, let me introduce my two wonderful esteemed co-hosts today with me, as always, as West Boston, C.J. Reynolds. Hello. What's up? Excited to hear about your project. This is something that we very much needed, and it's amazing what you have built, so let's get into it. Thank you. Can you say any other nice things about me

1:11.4

while we're no. That's about it. I've, I don't sure if you can see the picture I just drew of you

1:16.3

on my happy project, but that's that's about as nice as I get. Okay. Speaking of pictures here,

1:23.7

folks, this is going to be best consumed on video. I'm not going to say, look at this,

1:28.4

look at that. There will be things to see here, and there will be a better video than it will be

1:34.3

audio, but you will get a lot out of it if you are listening to like technical choices and things

1:39.0

like that. I'm going to make sure to at least talk all about that kind of thing. So the general

1:43.3

idea for this project. And

1:44.9

keep in mind, this project was built for the sentry.io hack week. Century is the perfect place

1:51.6

to track all of your errors. Look at this. Adread. Build fun things. And just like make sure your

1:57.7

stuff's working. And Century is producing all kinds of really great features.

2:06.5

And if the hack week is any vision into the future, the future of Century is very bright.

2:10.5

I mean, even the immediate future of Century is very bright because they've been dropping new features left and right,

2:16.6

like the new Sear feature that allows you to fix and solve problems, get to the root of the cause of things with AI.

2:35.7

And it is very good. And they have a pretty cool logo that CJ used in his hack week project. Okay. Head on over to century.io, forward slash syntax. Sign up, get two months for free using the coupon code, tasty treat, all one word, all lowercase. That's right. I'm talking today, folks. Synhacks. This is a competitive coding platform. It's built in Svelkkit.

2:39.9

I'll talk maybe a little bit about the tech in a second. I just want to maybe talk about the platform first. It's a competitive coding platform where you can do a CSS battle.

2:46.8

And it's a UI, HTML, and CSS where you code. The idea here is that you code on your own local machine in your own text editor,

2:55.5

and you can see those updates happen in real time on the site.

2:59.2

Audience can watch as things are being built in real time.

...

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.