useSideProject - If you build it, they will come
summary
A Splendor-style collaborative board game gets built end-to-end: layout done with CSS Grid and create-react-app, state synced with Firebase realtime DB and small custom hooks, text chat using react-chat-elements, live video via Agora video SDK (10,000 free minutes), auth with Firebase UI, and automatic hosting with Netlify deploys from GitHub. The prototype runs in the browser, updates across clients in real time, supports mute/unmute, and proves a weekend side project can become a real product.
AI-written summary · about
chapters (19)
- 0:00Intro
- 0:36Liad Yosef
- 1:29Introduction
- 5:55Planning
- 7:20Setup
- 8:12Grid
- 10:41Design
- 13:08Filebase
- 15:02Firebase API
- 17:52Mental Scheme
- 23:16Chat
- 25:17Recap
- 27:04Agora
- 28:58Mute audio
- 30:55Deploy
- 32:43GitHub
- 33:03Authentication
- 37:48Questions
- 41:38Decouple components
related talks
27mMaking Games With React and Redux
30mDesigning with React
29mBuilding React Frontends visually
29mBuild React Frontends Visually
35mTeleport your application
35mBuilding Todo The Game In A Cloud-Only Dev Environment
15mBuilding world-class web apps using Frappe and React
22mMultiplayer Experiences with React