We built a CSS Challenge platform

In the latest Syntax podcast, Scott and Wes share the behind-the-scenes story of building SynHax, the real-time CSS Battle app at the heart of the upcoming Mad CSS tournament. They walk listeners through the technical journey, from choosing SvelteKit and Zero for the platform’s foundation to tackling challenges like diffing algorithms, sync conflicts, and rapid feature development during a last-minute hackweek.

The hosts dive deep into the complexities of creating a live, competitive coding environment, highlighting the importance of real-time collaboration, robust infrastructure, and seamless user experience. Their discussion offers valuable lessons for developers interested in building interactive web apps and managing fast-paced project timelines.

Packed with practical insights and entertaining anecdotes, this episode is a must-listen for anyone curious about the intersection of CSS, real-time web technologies, and the excitement of coding competitions.