The latest articles on DEV Community by Md Hidayatullah Sheikh (@md_hidayatullahsheikh_ef). https://dev.to/md_hidayatullahsheikh_ef 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%2F4143167%2F4c45e1ad-ea01-42f4-8dd2-326fe34ac25a.jpg https://dev.to/md_hidayatullahsheikh_ef en Md Hidayatullah Sheikh Fri, 25 Sep 2026 15:32:23 +0000 https://dev.to/md_hidayatullahsheikh_ef/i-built-an-encrypted-text-sharing-tool-with-zero-npm-dependencies-heres-the-architecture-3704 https://dev.to/md_hidayatullahsheikh_ef/i-built-an-encrypted-text-sharing-tool-with-zero-npm-dependencies-heres-the-architecture-3704 <p>The key insight: browsers <strong>never send the URL fragment</strong> (<code>#...</code>) to the <br> server in HTTP requests. So the decryption key exists only on the <br> clients — the server is mathematically unable to read any message.</p> <h2> Features </h2> <ul> <li>Real-time sync via WebSockets</li> <li>Syntax highlighting for 190+ languages (auto-detected)</li> <li>Encrypted voice notes (MediaRecorder API)</li> <li>File sharing up to 5MB</li> <li>Password-protected rooms (PBKDF2 key derivation)</li> <li>QR code room joining</li> <li>Anti-spam with escalating mute system</li> <li>Built-in admin dashboard</li> <li>Gzip compression for bandwidth optimization</li> </ul> <h2> Try It </h2> <ul> <li> <strong>Live:</strong> <a href="https://shareli.online" rel="noopener noreferrer">shareli.online</a> </li> </ul> <p><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%2Fv5obkzgh57q6bt3tg268.png" class="article-body-image-wrapper"><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%2Fv5obkzgh57q6bt3tg268.png" alt=" " width="800" height="559"></a></p> <p><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%2Fzbiipq5scbc7zya316bl.png" class="article-body-image-wrapper"><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%2Fzbiipq5scbc7zya316bl.png" alt=" " width="800" height="562"></a></p> <p><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%2Fbiysgnpsk4l60y7wacq0.png" class="article-body-image-wrapper"><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%2Fbiysgnpsk4l60y7wacq0.png" alt=" " width="" height=""></a></p> <p><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%2F1et1ozmmylnt1q3kuzcg.png" class="article-body-image-wrapper"><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%2F1et1ozmmylnt1q3kuzcg.png" alt=" " width="" height=""></a></p> <p><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%2Fzoa7x1yy338178zymys1.png" class="article-body-image-wrapper"><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%2Fzoa7x1yy338178zymys1.png" alt=" " width="" height=""></a></p> <p><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%2Fc9nncgwcfnii362cc7oc.png" class="article-body-image-wrapper"><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%2Fc9nncgwcfnii362cc7oc.png" alt=" " width="" height=""></a></p> <ul> <li> <strong>Source:</strong> <a href="https://github.com/hidayashaikh86-tech/livetext" rel="noopener noreferrer">https://github.com/hidayashaikh86-tech/livetext</a> </li> </ul> <p>The whole thing is open source. PRs welcome.</p> <p><em>What would you change about this architecture? Drop a comment 👇</em></p> webdev javascript opensource security