MeetMate
Web
The web client of a B2B multi-party video-conferencing platform. In 2026 I rebuilt it as the sole frontend engineer — a new React 19 SPA (v4) branched off a legacy RN + Electron monorepo — and went from login through seven batches of host features in one month. After it went into production, I refined realtime sync, the meeting-room UX and mobile/tablet support (backend owned by a separate teammate).
- 01
MeetMate Web v4 — A New SPA Forked from a Legacy RN Monorepo
230 commits in a month, FSD violations 475 → 0, 89k lines of v3 removed in one sweep
- 02
A Video Grid That Survives 50-Person Meetings
Decoding load 50 → 25 streams, page-level SFU receive control + a single quality-policy module
- 03
Sweeping Real-Time Sync Regressions in MeetMate Web v4 — Mobile Drop Recovery + Participant State Consistency
22 sync regressions fixed, mobile received tiles 25 → 8, whiteboard undo from wiping the board → removing a single stroke
- 04
A Single Source of Truth for Breakout-Group Video/Audio Visibility — Blocking Asymmetric Regressions at Compile Time
A single predicate unifies video and audio — asymmetric regressions blocked at compile time
- 05
MeetMate v4 Polish Round — God File Split + Web Vitals Measurement Infrastructure + Regression Guards
God file 2,167 → 64 LOC, CLS 0.000, font woff2 -65.4%, Zustand hook calls -43%
- 06
Virtual Background + Voice Modulation Media Pipeline: Full v3 → v4 Port
7 virtual background modes + 6 voice presets at v3 parity, 1.6MB WASM moved out of the bundle
- 07
MeetMate Web v4 Meeting Room UX Redesign — Google Meet–Style Pre-Join · Overflow Menus · Document Sharing PiP
Pre-join pages 2 → 1, document sharing fixed strip 122px → 0, idle prefetch of 23 option sub-panels
- 08
MeetMate Web v4 Mobile/Tablet Responsive Overhaul — 280px Guarantee + Touch Target Gap Closed + Lobby Decomposition
Guaranteed minimum width 344 → 280px, touch target upper bound 694 → 822px, lobby container 428 → 327 LOC