Syntax - Tasty Web Development Treats

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

72 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
INSIGHT

Local Editing With Real-Time Mirroring

  • SynHax lets participants code locally in their own editor while the site mirrors updates in real time for viewers.
  • This design preserves developer comfort and enables live audience interaction and voting.
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.
Get the Snipd Podcast app to discover more snips from this episode
Get the app