09 Feb 2026
41m

977: We built a CSS Challenge platform

Podcast cover

Syntax - Tasty Web Development Treats

Scott and Wes detail the development of their custom CSS battle platform, Mad CSS, built for a coding tournament. They highlight the tech stack, which includes SvelteKit, Zero Sync for real-time updates, Drizzle for database schemas, and Graffiti for CSS utilities. A key feature is the use of local file system access, allowing competitors to code in their preferred editors, with changes synced to the platform. The conversation covers the challenges of creating an objective scoring system via browser-based diffing using SnapDOM, and various image comparison algorithms. They also discuss security measures, including sandboxing with iframes and Content Security Policy to prevent malicious code injection, and the evolution of Zero Sync's authentication process.

Outlines

Part 1: Tournament Overview, Platform Concept

Part 2: Tech Stack, Real-Time Architecture

Part 3: Development, Scoring, Launch

Sign in to continue reading, translating and more.

Continue
 
mindmap screenshot
Preview
preview episode cover
How to Get Rich: Every EpisodeNaval