Journal

Tag

#realtime

Agora Live Audio Room UI Kit for React Native: Stages: a glass iPhone app-grid icon on a mint and teal gradient
Guides 5 min read

Agora Live Audio Room UI Kit for React Native: Stages

Build a Clubhouse-style live audio room on Agora in React Native: stage and audience roles, raise-hand queues, speaking rings, token auth, and moderation.

Lawrence Arya · June 5, 2026
Bet365-Style Odds Display UI in React Native: Honest: a glass iPhone UI wireframe icon on a holographic purple gradient
Guides 4 min read

Bet365-Style Odds Display UI in React Native: Honest

Build a live odds display UI: format switching, truthful flash-on-change, suspended states, throttled feeds, and the regulatory line a clone must respect.

Lawrence Arya · June 5, 2026
Discord Voice Channel User Grid in SwiftUI: Presence: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 4 min read

Discord Voice Channel User Grid in SwiftUI: Presence

Build Discord's voice channel grid in SwiftUI: per-user state tiles, speaking rings from volume callbacks, adaptive grid math, and drop-in presence done calmly.

Lawrence Arya · June 5, 2026
Zello Walkie-Talkie Push-to-Talk UI in React Native: a reflective 3D App Store icon on a blue and purple gradient
Guides 5 min read

Zello Walkie-Talkie Push-to-Talk UI in React Native

Build a Zello-style push-to-talk UI: the hold-to-talk button's four states, channel floor control, iOS's PushToTalk framework, and sub-second latency truth.

Lawrence Arya · June 5, 2026
Discord UI Clone in SwiftUI with WebSockets: The Pattern: a glass iPhone app-grid icon on a mint and teal gradient
Guides 4 min read

Discord UI Clone in SwiftUI with WebSockets: The Pattern

Building a Discord-style chat in SwiftUI: message grouping density, channel drawers, and a WebSocket state machine with backoff, heartbeats, and resume.

Lawrence Arya · June 4, 2026
Supabase Realtime Chat UI in React Native: Build It: the App Store logo as a frosted glass icon on a pink and blue gradient with bubbles
Guides 5 min read

Supabase Realtime Chat UI in React Native: Build It

Build a realtime chat screen in React Native on Supabase: an inverted FlatList, message bubbles, typing presence, optimistic send, and Row Level Security.

Lawrence Arya · June 2, 2026