How Is This “Static” Website Doing P2P Chat, Rooms, and Video Calls?

Source: Dev.to

Overview

I recently stumbled upon a website called Talkrush – Stranger Chatting, and it genuinely challenged my understanding of what a “static site” can do. At first glance, it looks like a simple GitHub Pages project—no backend, no login system, no obvious APIs.

Features

• One‑on‑one stranger chats
• Group chats
• Named chat rooms
• Video calls

Rooms

• Dedicated rooms page: Chat Rooms on Talkrush
• Group chat page: Group Chat on Talkrush

The same group.html file behaves like multiple different rooms simply by changing a query parameter, e.g., the Singles Group Chat Room. No server‑side routing or backend‑generated pages are involved—just a static file reacting to the URL.

How It Might Work

Client‑Side Mechanics

• URL parameters determine the room name/namespace.
• Client‑side JavaScript parses these parameters and scopes messages accordingly.
• Browser APIs (WebRTC, WebSockets) handle real‑time communication.

Possible Signaling Approaches

1. WebRTC for direct peer‑to‑peer connections.
2. A lightweight signaling layer (e.g., WebSockets) hosted elsewhere.
3. A third‑party abstraction such as PeerJS, WebTorrent, or a similar library.

Even if the site appears static, signaling must occur somewhere—browsers cannot discover each other without exchanging offers and ICE candidates.

Observed Behavior

• Messages arrive instantly.
• Rooms do not collide; users in different groups stay isolated.
• This suggests careful room‑name scoping and deterministic peer discovery (room name = namespace), along with clean connection lifecycle handling.

Why It’s Impressive

The experience feels clean and responsive despite the lack of a traditional backend:

• No backend routing required.
• Real‑time features are driven entirely by client‑side logic.
• It challenges the assumption that “real‑time apps must always be backend‑heavy.”

Call for Discussion

If you have experience with:

• Building peer‑to‑peer chat systems
• Using WebRTC in production
• Designing signaling or matchmaking layers

I’d love to hear how you would approach building something like this.

Project Reference

Talkrush – Stranger Chatting by Aman Kumar