The latest articles on DEV Community by geoffreyg81 (@geoffreyg81). https://dev.to/geoffreyg81 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%2F3688951%2Fb5b85ffc-c2d3-4a2a-940a-562aeebf326b.png https://dev.to/geoffreyg81 en geoffreyg81 Wed, 14 Jan 2026 16:59:20 +0000 https://dev.to/geoffreyg81/jai-code-un-jeu-de-bluff-multijoueur-poker-avec-la-mern-stack-5355 https://dev.to/geoffreyg81/jai-code-un-jeu-de-bluff-multijoueur-poker-avec-la-mern-stack-5355 <p>Salut les devs ! </p> <p>Je bosse depuis quelques semaines sur mon side-project : Peekr. C'est une Web App de bluff social où il faut poster des anecdotes anonymes et parier des points pour retrouver les auteurs.</p> <p>La Tech Stack 🛠️ Je voulais éviter React Native pour voir jusqu'où je pouvais pousser le Web Mobile :</p> <p>Front : React + Vite (Design Glassmorphism custom)</p> <p>Back : Node.js / Express</p> <p>DB : MongoDB Atlas</p> <p>Realtime : Socket.io (pour gérer les votes et le chat en direct)</p> <p>Le Challenge, le plus dur a été de gérer la latence des sockets sur mobile et de faire en sorte que l'UI reste fluide comme une application native (navigation, transitions).</p> <p>C'est gratuit, open pour le fun, et j'aimerais beaucoup avoir vos retours techniques (surtout sur l'UX mobile).</p> <p>Le lien : <a href="https://peekr-black.vercel.app" rel="noopener noreferrer">https://peekr-black.vercel.app</a></p> <p>Merci !</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.amazonaws.com%2Fuploads%2Farticles%2F11l6qw5a32dn6n92nl3p.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.amazonaws.com%2Fuploads%2Farticles%2F11l6qw5a32dn6n92nl3p.png" alt=" " width="800" height="399"></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.amazonaws.com%2Fuploads%2Farticles%2F0jxc9yhxg4q9snpttser.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.amazonaws.com%2Fuploads%2Farticles%2F0jxc9yhxg4q9snpttser.png" alt=" " width="800" height="438"></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.amazonaws.com%2Fuploads%2Farticles%2F26605ttws4093806xcmv.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.amazonaws.com%2Fuploads%2Farticles%2F26605ttws4093806xcmv.png" alt=" " width="800" height="379"></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.amazonaws.com%2Fuploads%2Farticles%2Fbwi629bxmd8mg3as63cf.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.amazonaws.com%2Fuploads%2Farticles%2Fbwi629bxmd8mg3as63cf.png" alt=" " width="800" height="387"></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.amazonaws.com%2Fuploads%2Farticles%2Fu5xwt8u4n31aekth1h6g.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.amazonaws.com%2Fuploads%2Farticles%2Fu5xwt8u4n31aekth1h6g.png" alt=" " width="800" height="396"></a></p> programming webdev react news geoffreyg81 Thu, 01 Jan 2026 20:59:05 +0000 https://dev.to/geoffreyg81/how-i-handled-real-time-notifications-in-a-mern-stack-using-a-socketio-singleton-701 https://dev.to/geoffreyg81/how-i-handled-real-time-notifications-in-a-mern-stack-using-a-socketio-singleton-701 <p>Hi Dev Community! 👋</p> <p>I recently built Peekr, an anonymous social network, and I wanted to share a quick tip on handling WebSockets in React.</p> <p>The Problem: My notification bell was re-rendering and creating multiple socket connections, leading to memory leaks and ghost notifications.</p> <p>The Fix: I implemented a Singleton pattern for the socket instance. By centralizing the connection in one file, I ensure that the app uses only one socket across the entire lifecycle.</p> <p>The Stack: MongoDB, Express, React, Node.js + Socket.io.</p> <p>Feel free to check the live demo here (it's my first big MERN project!): <a href="https://peekr-seven.vercel.app" rel="noopener noreferrer">https://peekr-seven.vercel.app</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.amazonaws.com%2Fuploads%2Farticles%2Fugljicisx52sgk75x6in.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.amazonaws.com%2Fuploads%2Farticles%2Fugljicisx52sgk75x6in.png" alt=" " width="800" height="399"></a><br> <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%2Fle22csy2hy12ipoopmv1.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.amazonaws.com%2Fuploads%2Farticles%2Fle22csy2hy12ipoopmv1.png" alt=" " width="800" height="379"></a></p> node showdev react javascript