Name Place Animal Thing

Real-time multiplayer mobile game enabling friends to play together live.

View Live Project

Role

Solo Developer

Year

2025

Stack

React Native, WebSockets, Node.js, Expo

Link

View Live Project

01. The Challenge

Every project begins with a core problem. For Name Place Animal Thing, the main challenge was balancing performance with high-fidelity visual interactions. We needed to process thousands of data points in real-time without blocking the main thread, all while maintaining a smooth 60fps experience.

The existing solutions in the market were clunky, enterprise-focused, and lacked the "joy of use" that modern users expect.

02. The Process

We iterated through multiple layout paradigms before settling on the "island" architecture. This allowed us to decouple the navigation state from the content renders, significantly reducing re-renders and improving perceived latency.

Engineering

A look at the core logic that powers the real-time data synchronization.

// The Synchronization Logic useEffect(() => { const worker = new Worker(new URL('./worker.js', import.meta.url)); worker.onmessage = (event) => { const delta = computeDelta(event.data); if (delta > THRESHOLD) { requestAnimationFrame(() => updateMesh(delta)); } }; return () => worker.terminate(); }, []);

Name Place Animal Thing

01. The Challenge

02. The Process

Engineering

03. The Result