<?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: No Distraction</title>
    <description>The latest articles on DEV Community by No Distraction (@no_distraction_dbb9dff128).</description>
    <link>https://dev.to/no_distraction_dbb9dff128</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.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3981737%2F47db4410-e57a-470b-a536-6ea8207b9c33.png</url>
      <title>DEV Community: No Distraction</title>
      <link>https://dev.to/no_distraction_dbb9dff128</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/no_distraction_dbb9dff128"/>
    <language>en</language>
    <item>
      <title>Voice &amp; Video Calls (E2EE), Social Connections, and a Massive Profile Customization Upgrade</title>
      <dc:creator>No Distraction</dc:creator>
      <pubDate>Fri, 03 Jul 2026 14:31:37 +0000</pubDate>
      <link>https://dev.to/no_distraction_dbb9dff128/voice-video-calls-e2ee-social-connections-and-a-massive-profile-customization-upgrade-3k6g</link>
      <guid>https://dev.to/no_distraction_dbb9dff128/voice-video-calls-e2ee-social-connections-and-a-massive-profile-customization-upgrade-3k6g</guid>
      <description>&lt;p&gt;We have officially introduced voice and video calls for personal direct messages (DMs)! To maintain the highest standard of privacy, we have built this system to be peer-to-peer and fully client-side encrypted. This means our underlying WebRTC architecture encrypts all data flowing through it by default—ensuring your conversations remain completely secure and private without ever being intercepted by a TURN server or media gateway.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F1pkh9xil8j3uwdch9vw0.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F1pkh9xil8j3uwdch9vw0.png" width="800" height="420"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Alongside secure calls, we have completely upgraded profile customization to give you more ways to express yourself. Users can now equip custom avatar decorations in their profiles&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F4ypx1z2n5viqv2g02a6i.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F4ypx1z2n5viqv2g02a6i.png" width="677" height="372"&gt;&lt;/a&gt;&lt;br&gt;
And also they can upload profile effect witch will be shown when profile is opned once &lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fion3qlnrr7nt15ektqra.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fion3qlnrr7nt15ektqra.png" width="400" height="641"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Users now can also add about me section &lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fa0492gy1syczuat70dk6.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fa0492gy1syczuat70dk6.png" width="381" height="179"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Which will be visible when a profile is beign clicked.&lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fgwvx7kizal2t3hr840c0.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fgwvx7kizal2t3hr840c0.png" width="368" height="371"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;We've also introduced custom statuses. You can now set a custom emoji and text status to let your friends know what you're up to. can be configured to automatically clear after a custom time range.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fxgb6lv3166qmb8bagh9p.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fxgb6lv3166qmb8bagh9p.png" width="403" height="321"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Lastly, we have introduced Social Connections! You can now securely verify external accounts and display these connections on your profile. For now, we support linking your YouTube, GitHub, X (Twitter), Twitch, Bluesky, and even a custom domain verification. More integrations will be coming soon!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fn58nqic028xf6qyx5xnn.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fn58nqic028xf6qyx5xnn.png" width="662" height="840"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Showcase Video
&lt;/h2&gt;


  
  Your browser does not support the video tag.


</description>
      <category>webdev</category>
      <category>community</category>
      <category>discord</category>
      <category>programming</category>
    </item>
    <item>
      <title>Adding reporting system, DMCA policies, UI Refinements &amp; Performance Fixes</title>
      <dc:creator>No Distraction</dc:creator>
      <pubDate>Thu, 18 Jun 2026 13:24:17 +0000</pubDate>
      <link>https://dev.to/no_distraction_dbb9dff128/adding-reporting-system-dmca-policies-ui-refinements-performance-fixes-ge6</link>
      <guid>https://dev.to/no_distraction_dbb9dff128/adding-reporting-system-dmca-policies-ui-refinements-performance-fixes-ge6</guid>
      <description>&lt;p&gt;This week on modvoice we have added reporting functions against abusive server texts, bullying, etc. This applies only to server texts — for E2EE messages, users need to submit images as proof because we can't read the messages.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fap13wiqfrhs8kysfyqb7.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fap13wiqfrhs8kysfyqb7.png" alt="Reporting on server texts" width="800" height="745"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;We also added false report prevention. False reports may lead to account penalties.&lt;br&gt;&lt;br&gt;
We also added reporting for servers, stores, and profiles, and updated our DMCA rules.&lt;br&gt;&lt;br&gt;
Read: &lt;a href="https://modvc.org/dmca" rel="noopener noreferrer"&gt;https://modvc.org/dmca&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fnjy696pbs56qfg2z7v2g.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fnjy696pbs56qfg2z7v2g.png" alt="Reporting features" width="800" height="569"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;We also improved the chatting experience — users can now forward their messages easily with one click.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Ffohjclxybvp2s8zjp8z5.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Ffohjclxybvp2s8zjp8z5.png" alt="Message forwarding" width="511" height="807"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Also updated the billing settings in the profile to easily track and manage monthly transactions, boosts, etc.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fasaijbgcdas5lch390ga.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fasaijbgcdas5lch390ga.png" alt="Billing settings" width="800" height="759"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Lastly, we have improved our support center for better understanding and giving support.&lt;/p&gt;

&lt;p&gt;Here is a showcase video:&lt;/p&gt;


  
  Your browser does not support the video tag.


</description>
      <category>discord</category>
      <category>webdev</category>
      <category>security</category>
      <category>node</category>
    </item>
    <item>
      <title>MODVC - The place for Voice Chat</title>
      <dc:creator>No Distraction</dc:creator>
      <pubDate>Fri, 12 Jun 2026 18:32:22 +0000</pubDate>
      <link>https://dev.to/no_distraction_dbb9dff128/modvc-the-place-for-voice-chat-3hce</link>
      <guid>https://dev.to/no_distraction_dbb9dff128/modvc-the-place-for-voice-chat-3hce</guid>
      <description>&lt;p&gt;Modern chat applications are becoming more bloated, tracker-heavy, and vendor-locked than ever. When you build your communities on existing platforms, your data gets mined by the provider, and your bot integrations have to run heavyweight, long-lived WebSocket clients on a VM that are essentially "idling memory".&lt;/p&gt;

&lt;p&gt;We built MODVC to solve this. It is a lightweight, privacy-first communication platform which runs entirely within the browser as a PWA (Progressive Web App) with its own dedicated peers-to-peers WebRTC voice rooms, serverless text channels, zero-knowledge End-to-End Encrypted (E2EE) Messaging, Bot REST API which is stateless, 0% fee creator monetization system, etc.&lt;/p&gt;

&lt;p&gt;Here is the launch showcase of the platform:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.youtube.com/watch?v=Ka5JE-n7Al0" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsj9pyf1blr3i8jr5uwly.jpg" alt="MODVC Launch Showcase" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Let's take a deeper dive into its architecture, security primitives, and custom systems:&lt;/p&gt;




&lt;h2&gt;
  
  
  1. Zero-Knowledge E2EE Messaging
&lt;/h2&gt;

&lt;p&gt;Normal group chat encrypts traffic in transit, then decrypts the traffic to read messages from your database servers in order to index queries for search purposes, and to target adverts on user content.&lt;/p&gt;

&lt;p&gt;We have zero-knowledge E2EE for one-on-one Direct Messages.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  Ephemeral public/private keypairs are generated in the client directly.&lt;/li&gt;
&lt;li&gt;  Local encryption of the messages in the browser uses the Web Crypto API with an AES-GCM 256-bit cipher before the messages are sent across the wire.&lt;/li&gt;
&lt;li&gt;  We store the encrypted messages in our database (an encrypted ciphertext blob), therefore at best, with root access, you have only a block of random data, not message contents.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Here's how E2EE looks:&lt;/p&gt;






&lt;h2&gt;
  
  
  2. Low-Latency Voice Rooms &amp;amp; Custom SFU
&lt;/h2&gt;

&lt;p&gt;Direct Peer to Peer connections work well for individual calls, but for group voice chats high client upload limits the utility due to high upload speeds required.&lt;/p&gt;

&lt;p&gt;We use a hybrid approach, with:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  WebRTC Direct Data Channels for peer-to-peer low-latency text chats.&lt;/li&gt;
&lt;li&gt;  SFU Media Servers (Selective Forwarding Unit) to facilitate group voice chat and screen sharing, routing media streams without decoding to keep voice latencies under 50ms while minimizing local CPU use.&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  3. High-Fidelity Discord-Style Interactive Polls
&lt;/h2&gt;

&lt;p&gt;Engagement tools like Polls ought to be dynamic, and live. We created a custom, real-time polling system that leverages its real-time database endpoint for instant client updates without any poll or lag.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8ajmm0swkv7dd4xv4vv6.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8ajmm0swkv7dd4xv4vv6.png" alt="MODVC Interactive Polls" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  4. Threaded Community Forums
&lt;/h2&gt;

&lt;p&gt;To keep conversations manageable, we abandoned flat-style chatrooms in favor of Threaded Forums. The system includes custom subdomain forums, user-tagged posts, filter-able discussions (e.g. Modvoice.modvc.org, panel.modvc.org, doodletype.modvc.org) and file uploads to Cloudflare R2.&lt;/p&gt;

&lt;p&gt;Here is the forum user interface and file upload speed:&lt;/p&gt;






&lt;h2&gt;
  
  
  5. Granular Role-Based Access Control (RBAC)
&lt;/h2&gt;

&lt;p&gt;Servers can be completely customized regarding channel-creation privileges, user-moderation, roles management, and chat formatting rules. Channel-level permissions may optionally override the top-level guild rules entirely.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbx6v10knetn3p3ndkclu.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbx6v10knetn3p3ndkclu.png" alt="Granular Permissions UI" width="799" height="585"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  6. Zero-Fee Creator Monetization System
&lt;/h2&gt;

&lt;p&gt;Platforms like Patreon or Discord take a percentage as high as 30% of a creator's profits. Our system uses peer-to-peer payments.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  Creators securely link their Stripe keys directly into their MODVC Server configuration.&lt;/li&gt;
&lt;li&gt;  There is no cut taken from our platform; all Stripe transactions are direct and secure.&lt;/li&gt;
&lt;li&gt;  When a transaction has been confirmed by Stripe's webhook, our system automatically assigns your subscribers roles within the voice server.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The entire payment infrastructure is open source under the MIT license. We use a &lt;strong&gt;Bring Your Own Gateway (BYOG)&lt;/strong&gt; architecture — creators generate Stripe Restricted Keys scoped only to "Write Checkout Sessions", which are then encrypted at the edge using AES-256 via a Cloudflare Pages Edge Function before being stored. The decrypted key never touches the frontend. You can audit exactly how we handle and protect creator payments here: &lt;a href="https://github.com/Modvc-org/Modvoice-payment" rel="noopener noreferrer"&gt;&lt;strong&gt;Modvc-org/Modvoice-payment&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Walkthrough of monetization configuration:&lt;/p&gt;






&lt;h2&gt;
  
  
  7. The Stateless Bot API &amp;amp; OAuth2 SSO
&lt;/h2&gt;

&lt;p&gt;The traditional bots rely on having a perpetually running WebSocket client connected on a VM; this resource even when idle costs resources.&lt;/p&gt;

&lt;p&gt;We created a stateless Bot REST API:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  Registering your bot commands uses standard HTTP POST requests.&lt;/li&gt;
&lt;li&gt;  A command that is executed sends its JSON response via an HTTP POST request to your chosen server; an Edge computing instance (Cloudflare Workers or Vercel Edge) or even a simple HTTP server, at which point your bot script takes over, without an ever-running, resource-expensive process waiting on the wire.&lt;/li&gt;
&lt;li&gt;  Users can connect their MODVC accounts to third-party websites using a full OAuth2 SSO interface.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Here is the demonstration of the Bot REST API running slash command routing and webhooks:&lt;/p&gt;






&lt;h2&gt;
  
  
  8. Open Source &amp;amp; Extensible
&lt;/h2&gt;

&lt;p&gt;The entire platform has been engineered to allow developers to iterate upon it, and we include a comprehensive, well-documented system for SEO (sitemaps, robots, etc.). It can also be run locally, and you can inspect the code yourself:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  Home Page: &lt;a href="https://modvc.org" rel="noopener noreferrer"&gt;https://modvc.org&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;  Developer Docs: &lt;a href="https://modvc.org/app/docs" rel="noopener noreferrer"&gt;https://modvc.org/app/docs&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>discord</category>
      <category>privacy</category>
      <category>webdev</category>
      <category>programming</category>
    </item>
  </channel>
</rss>
