Live Coding Workshop
summary
Live-coding builds a minimal Firestore-like realtime stack: a simple messages table in Postgres NOTIFY + trigger, a small Dart shelf server (built into a two-stage Docker image) that opens a connection pool, listens to DB notifications and exposes GET/POST APIs, and broadcasts changes over websocket_channel to a Flutter web client. Inserts trigger notifications and arrive over the websocket; updates reveal a trigger/typing bug during the demo. Code uses UUIDs, hardcoded config for speed, and a hot-reload helper for rapid iteration.
AI-written summary · about
chapters (19)
- 0:00Introduction
- 1:10Firebase replacement goals
- 2:53Project structure and Docker
- 5:03PostgreSQL setup and schema
- 10:09Database triggers and notifications
- 12:20Server to PostgreSQL
- 15:51Listening to notifications
- 20:53Server startup and testing
- 23:09Websockets and app plans
- 25:38REST APIs for messages
- 34:18Testing APIs and hot reload
- 38:40Adding websocket support
- 42:55Websocket handler
- 47:08Testing websockets with DB
- 49:58Updating Flutter app
- 55:08Connecting to websocket
- 1:04:24Displaying messages
- 1:07:16Debugging app issues
- 1:12:27Final testing and demo
related talks
57m🚨 Live On the Edge 🚨
32mFrontend lightning talks
41mFrom single player to multiplayer-building realtime collaborative experiences with Flutter
30mVibe Coding Full-Stack Dart – Build with Joy Beyond the UI
45mBuilding Products Full-Stack with Dart and Flutter
51mBuilding a Realtime "Backend in a Box" with PostgreSQL and Vue
36mFlutter-Google's latest innovation for mobile, web, and desktop apps
08mInterview