<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Rani Kumari</title>
    <description>The latest articles on DEV Community by Rani Kumari (@ranikumari889).</description>
    <link>https://dev.to/ranikumari889</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3744839%2F56cab5cc-2403-41b1-86b1-da7b862bccea.png</url>
      <title>DEV Community: Rani Kumari</title>
      <link>https://dev.to/ranikumari889</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/ranikumari889"/>
    <language>en</language>
    <item>
      <title>How Is This “Static” Website Doing P2P Chat, Rooms, and Video Calls?</title>
      <dc:creator>Rani Kumari</dc:creator>
      <pubDate>Sun, 01 Feb 2026 06:56:07 +0000</pubDate>
      <link>https://dev.to/ranikumari889/how-is-this-static-website-doing-p2p-chat-rooms-and-video-calls-22mf</link>
      <guid>https://dev.to/ranikumari889/how-is-this-static-website-doing-p2p-chat-rooms-and-video-calls-22mf</guid>
      <description>&lt;p&gt;I recently stumbled upon a website called &lt;strong&gt;Talkrush – Stranger Chatting&lt;/strong&gt;, and it genuinely messed with my understanding of what a &lt;em&gt;“static site”&lt;/em&gt; can do.&lt;/p&gt;

&lt;p&gt;At first glance, it looks like a simple &lt;strong&gt;GitHub Pages project&lt;/strong&gt;. No backend, no login system, no obvious APIs.&lt;/p&gt;

&lt;p&gt;👉 &lt;strong&gt;Homepage:&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
&lt;a href="https://shkumaraman.github.io/" rel="noopener noreferrer"&gt;Talkrush – Stranger Chatting&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;But once you start clicking around, it turns into something else entirely.&lt;/p&gt;

&lt;p&gt;You suddenly get:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Stranger one-on-one chats
&lt;/li&gt;
&lt;li&gt;Group chats
&lt;/li&gt;
&lt;li&gt;Named chat rooms
&lt;/li&gt;
&lt;li&gt;Even &lt;strong&gt;video calls&lt;/strong&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;All of this works smoothly — and that’s where the confusion begins.&lt;/p&gt;




&lt;h2&gt;
  
  
  Static Pages… With Dynamic Chat Rooms?
&lt;/h2&gt;

&lt;p&gt;There’s a dedicated &lt;strong&gt;rooms page&lt;/strong&gt; here:&lt;/p&gt;

&lt;p&gt;👉 &lt;a href="https://shkumaraman.github.io/chat/rooms.html" rel="noopener noreferrer"&gt;Chat Rooms on Talkrush&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;And a &lt;strong&gt;group chat page&lt;/strong&gt; here:&lt;/p&gt;

&lt;p&gt;👉 &lt;a href="https://shkumaraman.github.io/chat/group.html" rel="noopener noreferrer"&gt;Group Chat on Talkrush&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;What really surprised me is that &lt;strong&gt;the same group chat HTML file behaves like multiple different rooms&lt;/strong&gt; just by changing a query parameter.&lt;/p&gt;

&lt;p&gt;For example:&lt;/p&gt;

&lt;p&gt;👉 &lt;a href="https://shkumaraman.github.io/chat/group.html?group=singles" rel="noopener noreferrer"&gt;Singles Group Chat Room&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;That single &lt;code&gt;group.html&lt;/code&gt; file suddenly becomes a completely separate chat room.&lt;/p&gt;

&lt;p&gt;No server-side routing.&lt;br&gt;&lt;br&gt;
No backend-generated pages.&lt;br&gt;&lt;br&gt;
Just a static file reacting to the URL.&lt;/p&gt;

&lt;p&gt;This raises a big question:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;How are room identity and isolation handled purely on the client side?&lt;/strong&gt;&lt;/p&gt;
&lt;/blockquote&gt;




&lt;h2&gt;
  
  
  Where Is the Backend… Really?
&lt;/h2&gt;

&lt;p&gt;The peer-to-peer part raises even more questions.&lt;/p&gt;

&lt;p&gt;Users can:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Chat with complete strangers
&lt;/li&gt;
&lt;li&gt;Join group rooms
&lt;/li&gt;
&lt;li&gt;Start &lt;strong&gt;video calls&lt;/strong&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Traditionally, you’d expect:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;A backend for matchmaking
&lt;/li&gt;
&lt;li&gt;A signaling server
&lt;/li&gt;
&lt;li&gt;Session tracking
&lt;/li&gt;
&lt;li&gt;State management
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;But here, none of that is &lt;em&gt;visible&lt;/em&gt;.&lt;/p&gt;

&lt;p&gt;So what’s actually happening?&lt;/p&gt;

&lt;p&gt;Some likely possibilities:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;WebRTC&lt;/strong&gt; is handling direct peer-to-peer connections
&lt;/li&gt;
&lt;li&gt;A &lt;strong&gt;lightweight signaling layer&lt;/strong&gt; exists somewhere (possibly WebSockets)
&lt;/li&gt;
&lt;li&gt;Or a third-party abstraction like &lt;strong&gt;PeerJS&lt;/strong&gt;, &lt;strong&gt;WebTorrent&lt;/strong&gt;, or a similar library is used
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Even if the site &lt;em&gt;looks&lt;/em&gt; static, &lt;strong&gt;signaling still has to happen somewhere&lt;/strong&gt; — browsers can’t magically discover each other without exchanging offers and ICE candidates.&lt;/p&gt;




&lt;h2&gt;
  
  
  Why Rooms Don’t Collide
&lt;/h2&gt;

&lt;p&gt;What makes this especially impressive is how &lt;strong&gt;clean the experience feels&lt;/strong&gt;:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Messages arrive instantly
&lt;/li&gt;
&lt;li&gt;Rooms don’t collide
&lt;/li&gt;
&lt;li&gt;Users in different groups stay isolated
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;That suggests:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Careful room-name scoping
&lt;/li&gt;
&lt;li&gt;Deterministic peer discovery (room name = namespace)
&lt;/li&gt;
&lt;li&gt;Clean connection lifecycle handling
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;All of this is driven by:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;URL parameters
&lt;/li&gt;
&lt;li&gt;Client-side JavaScript
&lt;/li&gt;
&lt;li&gt;Browser APIs
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;No traditional backend routing required.&lt;/p&gt;




&lt;h2&gt;
  
  
  A Great Example of Modern Frontend Power
&lt;/h2&gt;

&lt;p&gt;From what I can tell, this project is built by &lt;strong&gt;Aman Kumar&lt;/strong&gt;, and pulling off stranger chats, group rooms, and video calls in what appears to be a minimal static setup is genuinely impressive.&lt;/p&gt;

&lt;p&gt;It seriously challenges the assumption that:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;em&gt;“Real-time apps must always be backend-heavy.”&lt;/em&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Modern browser APIs — especially &lt;strong&gt;WebRTC&lt;/strong&gt;, &lt;strong&gt;WebSockets&lt;/strong&gt;, and smart client-side architecture — can take you much further than most people expect.&lt;/p&gt;




&lt;h2&gt;
  
  
  Final Thoughts
&lt;/h2&gt;

&lt;p&gt;At this point, I’m not sure if I’m missing something obvious, or if this is simply a great example of how far &lt;strong&gt;frontend-only architecture&lt;/strong&gt; can be pushed in 2026.&lt;/p&gt;

&lt;p&gt;If you’ve:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Built peer-to-peer chat systems
&lt;/li&gt;
&lt;li&gt;Used WebRTC in production
&lt;/li&gt;
&lt;li&gt;Designed signaling or matchmaking layers
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I’d love to hear how &lt;em&gt;you&lt;/em&gt; would approach building something like this.&lt;/p&gt;




&lt;p&gt;&lt;strong&gt;Project Link (for reference):&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
&lt;a href="https://shkumaraman.github.io/" rel="noopener noreferrer"&gt;Talkrush – Stranger Chatting by Aman Kumar&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>beginners</category>
      <category>javascript</category>
    </item>
  </channel>
</rss>
