Hackathon WinnerETHGlobal BangkokPush Protocol Prize
WorkVerse — Gamified Virtual Office
ETHGlobal Bangkok winner: spatial collaboration with encrypted proximity video.
Full Stack Engineer
Web3 & ZKAI & AgentsReactPhaser3Push ProtocolNode.jsTypeScript
Spatial presence drives encrypted WebRTC sessions via Push Protocol.
Node
Phaser Map
Node
Presence Service
Node
Push Protocol
Node
Avatars
Phaser MapPresence Servicepositions
Presence ServicePush Protocolproximity events
Push ProtocolAvatarsP2P media
DataControlSecurity
Context
Problem & context
- Remote teams needed an always-on space that felt like a real office without sacrificing privacy.
- Voice/video should only connect when avatars are near, with no central media server dependency.
Architecture
Architecture & stack
- Phaser3 scene rendered over React canvas for game state and collision.
- Push Protocol for proximity-based encrypted P2P video and chat.
- Node.js presence service broadcasting positions and room topology.
Features
Key flows
- Spatial audio/video: only nearby avatars can communicate.
- Encrypted file drops inside rooms and hot desks.
- Room-level admin controls and scheduled event spaces.
Challenges
Engineering challenges & solutions
- Synchronizing Phaser physics with React state without re-render storms.
- Ensuring Push Protocol session handshakes remain stable during rapid movement.
- Latency smoothing for distributed players across regions.
Impact
Impact & metrics
- Won Push Protocol partner prize at ETHGlobal Bangkok.
- Delivered sub-200ms position sync at peak 150 concurrent testers.
- Reduced WebRTC renegotiations by batching avatar movement frames.
Next
What I’d improve next
- Add AI NPCs for onboarding and guided tours.
- GPU-accelerated map streaming for larger campuses.