Syntax - Tasty Web Development Treats

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

73 snips
Sep 3, 2025
Tune in for a riveting discussion about SynHax, a competitive coding game that lets developers engage in live coding duels. The team breaks down the simple yet effective tech stack powering real-time updates, incorporating tools like SvelteKit and ZeroSync. They dive into gameplay mechanics, exploring user interface design, authentication, and the exciting battle experience. Plus, discover how audience engagement is amplified, making coding not just functional but thrilling!
Ask episode
AI Snips
Chapters
Transcript
Episode notes
ADVICE

Generate One Schema For Client And DB

  • Use one source schema and generate client schemas rather than maintaining duplicates.
  • Scott used Drizzle plus a package to emit a ZeroSync schema from the Drizzle schema to avoid duplicated work.
ADVICE

Design Logic Before Styling

  • Plan app behavior and data before coding UI to speed iteration and reduce rework.
  • Scott wrote a manual README and built logic/HTML/JS before styling to validate flow first.
ANECDOTE

Locking In Creates Local Project Files

  • Locking into a battle triggers the app to request file system access and create a project folder locally.
  • Scott demonstrated that joining creates local HTML/CSS files and stores their strings in the database for live syncing.
Get the Snipd Podcast app to discover more snips from this episode
Get the app