The latest articles on DEV Community by Shubhangi Jadhav (@shubhangi_jadhav_669bfa23). https://dev.to/shubhangi_jadhav_669bfa23 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%2F3873696%2Fcba57b8b-264f-4092-90b5-50ec2983adbe.png https://dev.to/shubhangi_jadhav_669bfa23 en Shubhangi Jadhav Sat, 11 Apr 2026 15:20:21 +0000 https://dev.to/shubhangi_jadhav_669bfa23/-catch-me-if-you-can-a-completely-useless-website-345e https://dev.to/shubhangi_jadhav_669bfa23/-catch-me-if-you-can-a-completely-useless-website-345e <p>⚠️ Warning: This website may test your patience more than your internet speed.</p> <p>Ever tried clicking a button… and it refuses to be clicked?</p> <p>Well, I built exactly that 😄</p> <h2> 🤡 The Idea </h2> <p>I wanted to create something that solves absolutely nothing…<br> but still makes people laugh.</p> <p>So I built a website where:<br> 👉 A button literally runs away from you<br> 👉 And only after enough effort… it gives up 😏</p> <p>And what do you get in return?</p> <p>A completely random, questionable 1-line joke 😂</p> <h2> ⚙️ Features </h2> <ul> <li>🖱️ Button that escapes your cursor (good luck catching it)</li> <li>🔓 Unlock after multiple attempts</li> <li>😂 Random 1-line jokes every click</li> <li>🎉 Emoji bloom animation (celebration for your struggle)</li> <li>☕ Tea Mode → Error 418: I'm a teapot</li> </ul> <h2> 🚀 Live Demo </h2> <p>👉 <strong>Try it here:</strong><br> </p> <div class="crayons-card c-embed text-styles text-styles--secondary"> <div class="c-embed__content"> <div class="c-embed__body flex items-center justify-between"> <a href="https://dev-april-fools-19c4zo03n-shubh1595s-projects.vercel.app" rel="noopener noreferrer" class="c-link fw-bold flex items-center"> <span class="mr-2">dev-april-fools-19c4zo03n-shubh1595s-projects.vercel.app</span> </a> </div> </div> </div> <p><em>(Trust me… it’s harder than it looks 😈)</em></p> <h2> 💻 Tech Stack </h2> <ul> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> </ul> <h2> 🎯 Why This Exists </h2> <p>This project was built for the DEV April Fools Challenge.</p> <p>The goal?</p> <blockquote> <p>Build something completely useless.</p> </blockquote> <p>Mission accomplished ✅</p> <h2> 😂 What You’ll Experience </h2> <ul> <li>Confusion</li> <li>Frustration</li> <li>Determination</li> <li>And finally… a joke that may or may not be worth it</li> </ul> <h2> 🧠 What I Learned </h2> <ul> <li>Even useless projects can be fun to build</li> <li>Small interactions make big impact</li> <li>Humor + code = engagement</li> </ul> <h2> 🤔 Final Thoughts </h2> <p>If you managed to click the button…</p> <p>Congratulations 🎉<br> You officially have more patience than I expected 😄</p> <h2> ⭐ If You Like It </h2> <p>Give it a ❤️ or just try clicking the button again 😈</p> webdev javascript devchallenge 418challenge