The latest articles on Forem by Shubhangi Jadhav (@shubhangi_jadhav_669bfa23). https://forem.com/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://forem.com/shubhangi_jadhav_669bfa23 en Shubhangi Jadhav Sun, 12 Apr 2026 06:04:18 +0000 https://forem.com/shubhangi_jadhav_669bfa23/-catch-me-if-you-can-a-completely-useless-website-3djd https://forem.com/shubhangi_jadhav_669bfa23/-catch-me-if-you-can-a-completely-useless-website-3djd <p><em>This is a submission for the <a href="https://dev.to/challenges/aprilfools-2026">DEV April Fools Challenge</a></em></p> <h2> 😂 What I Built </h2> <p>I built a completely useless (but slightly evil) website where…</p> <p>👉 A button refuses to be clicked.<br> 👉 It runs away from your cursor like it owes you money 😈</p> <p>After enough struggle, it finally gives up…<br> And rewards you with:</p> <p>👉 A random 1-line joke (was it worth it? debatable 😂)<br> 👉 A chaotic emoji explosion 🎉</p> <p>⚠️ Warning: This website may test your patience more than your internet speed.</p> <h2> 🚀 Demo </h2> <p>👉 Try it here:<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.vercel.app" rel="noopener noreferrer" class="c-link fw-bold flex items-center"> <span class="mr-2">dev-april-fools.vercel.app</span> </a> </div> </div> </div> <p><em>(Good luck catching the button 😏)</em></p> <h2> 💻 Code </h2> <p>This project is built using simple frontend technologies:</p> <ul> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> </ul> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://assets.dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"> <a href="https://github.com/Shubh1595" rel="noopener noreferrer"> Shubh1595 </a> / <a href="https://github.com/Shubh1595/Dev-April-fools" rel="noopener noreferrer"> Dev-April-fools </a> </h2> <h3> This project is made for fun and competation of dev april fools </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"> <div class="markdown-heading"> <h1 class="heading-element">😂 Catch Me If You Can – Joke Unlocker</h1> </div> <p>A completely useless (but highly entertaining) web app built for the DEV April Fools Challenge.</p> <p>You don’t just click a button here…<br> You <strong>earn it</strong> 😈</p> <div class="markdown-heading"> <h2 class="heading-element">🎯 What Does This Do?</h2> </div> <ul> <li>A button that <strong>runs away from your cursor</strong> </li> <li>After enough struggle, it finally gives up 😏</li> <li>Then you can click it to unlock…</li> <li>👉 A random 1-line joke 😂</li> <li>Plus a <strong>fun emoji explosion 🎉</strong> </li> </ul> <div class="markdown-heading"> <h2 class="heading-element">🤡 Why Did I Build This?</h2> </div> <p>Honestly… no reason.</p> <p>This project solves:</p> <blockquote> <p>❌ No real problems<br> ✅ Maximum confusion, chaos, and laughter</p> </blockquote> <div class="markdown-heading"> <h2 class="heading-element">⚙️ Features</h2> </div> <ul> <li>🖱️ Annoying moving button (good luck catching it)</li> <li>🔓 Unlock after multiple attempts</li> <li>😂 Random 1-line jokes</li> <li>🎉 Emoji bloom animation on every click</li> <li>☕ Tea Mode (Error 418: I'm a teapot)</li> </ul> <div class="markdown-heading"> <h2 class="heading-element">🚀 Live Demo</h2> </div> <p>👉 [Try it here] <a href="https://dev-april-fools-19c4zo03n-shubh1595s-projects.vercel.app" rel="nofollow noopener noreferrer">https://dev-april-fools-19c4zo03n-shubh1595s-projects.vercel.app</a></p> <div class="markdown-heading"> <h2 class="heading-element">💻 Tech Stack</h2> </div> <ul> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> </ul> <div class="markdown-heading"> <h2 class="heading-element">🛠️ How to Run Locally</h2>…</div> </div> </div> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/Shubh1595/Dev-April-fools" rel="noopener noreferrer">View on GitHub</a></div> </div> <p><br><br> <em>(Keeping it minimal, fast, and chaotic)</em></p> <h2> ⚙️ How I Built It </h2> <ul> <li>Used <strong>JavaScript event listeners</strong> to track cursor movement</li> <li>Made the button randomly change position to avoid clicks</li> <li>Added a hidden attempt-based unlock logic</li> <li>Once unlocked, button becomes clickable</li> <li> <p>Clicking triggers:</p> <ul> <li>A random 1-line joke generator 😂</li> <li>A fun emoji bloom animation 🎉</li> </ul> </li> <li><p>Added a bonus <strong>Tea Mode</strong> (Error 418 ☕)</p></li> </ul> <h2> 🏆 Prize Category </h2> <p>I’m submitting this project for:</p> <p>👉 <strong>Community Favorite</strong></p> <p>Because:</p> <ul> <li>It’s simple, interactive, and fun</li> <li>Encourages users to keep clicking</li> <li>Designed to make people laugh (or get slightly frustrated 😄)</li> </ul> <h2> 🤔 Final Thoughts </h2> <p>This project solves absolutely nothing…<br> But hopefully made you smile while trying to click a button 😄</p> <p>If you managed to click the button…</p> <p>Congratulations 🎉<br> You officially have more patience than I expected 😄</p> <p>⭐ If You Like It<br> Give it a ❤️ or just try clicking the button again 😈</p> devchallenge 418challenge showdev