The latest articles on DEV Community by Asmrit Banerjee (@asmritb_25). https://dev.to/asmritb_25 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%2F3874335%2Fbb846681-3f30-454d-8cb5-3bea770ab3e9.jpg https://dev.to/asmritb_25 en Asmrit Banerjee Sun, 12 Apr 2026 06:30:55 +0000 https://dev.to/asmritb_25/the-button-that-ends-your-sanity-you-cant-click-it-4530 https://dev.to/asmritb_25/the-button-that-ends-your-sanity-you-cant-click-it-4530 <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>co-author: tanisha27 </code></pre> </div> <p>co_authors: tanisha27</p> <h2> 🤡 What I Built </h2> <p>I built a completely useless web app called <strong>“The Button That Ends Your Sanity 💀”</strong>.</p> <p>It looks simple… but quickly turns into chaos.</p> <h2> 💡 Idea </h2> <p>The goal was to take the simplest UI element — a button —<br><br> and make it impossible to click.</p> <p>The more you try, the worse things get.</p> <h2> ⚙️ How It Works </h2> <ul> <li>Built using HTML, CSS, JavaScript </li> <li>Tracks user interaction and increases difficulty </li> <li>Adds chaotic effects over time </li> </ul> <h2> 😂 Features </h2> <ul> <li>Button runs away from cursor 🏃 </li> <li>Plays "horrendous" sound 🔊 </li> <li>Floating emojis everywhere 😂 </li> <li>Screen shake “rage mode” 😡 </li> <li>Multiple fake buttons appear 🤯 </li> <li>Ends with a fake system crash 💀 </li> </ul> <h2> 🧪 Google AI Usage </h2> <p>I used Google Gemini to:</p> <ul> <li>Brainstorm chaotic and funny ideas </li> <li>Generate sarcastic messages </li> <li>Improve interaction design </li> </ul> <h2> ☕ Ode to 418 </h2> <p>If you somehow manage to click the button:<br> 👉 The app gives up and returns <strong>418 I'm a teapot ☕</strong></p> <h2> 🚀 Try It Out </h2> <p>Live Demo: <a href="https://button-that-hates-youuuuu.netlify.app" rel="noopener noreferrer">https://button-that-hates-youuuuu.netlify.app</a><br><br> GitHub: (optional — add if you upload)</p> <h2> 🤔 Final Thoughts </h2> <p>This project:</p> <ul> <li>Solves absolutely nothing </li> <li>Gets worse the more you interact </li> <li>And actively works against the user </li> </ul> <p>Mission successfully failed.</p> devchallenge 418challenge showdev webdev