close

DEV Community

Cover image for # πŸ˜‚ Catch Me If You Can – A Completely Useless Website
Shubhangi Jadhav
Shubhangi Jadhav

Posted on • Edited on

# πŸ˜‚ Catch Me If You Can – A Completely Useless Website

April Fools Challenge Submission β˜•οΈπŸ€‘

This is a submission for the DEV April Fools Challenge


πŸ˜‚ What I Built

I built a completely useless (but slightly evil) website where…

πŸ‘‰ A button refuses to be clicked.
πŸ‘‰ It runs away from your cursor like it owes you money 😈

After enough struggle, it finally gives up…
And rewards you with:

πŸ‘‰ A random 1-line joke (was it worth it? debatable πŸ˜‚)
πŸ‘‰ A chaotic emoji explosion πŸŽ‰

⚠️ Warning: This website may test your patience more than your internet speed.


πŸš€ Demo

πŸ‘‰ Try it here:

(Good luck catching the button 😏)


πŸ’» Code

This project is built using simple frontend technologies:

  • HTML
  • CSS
  • JavaScript

GitHub logo Shubh1595 / Dev-April-fools

This project is made for fun and competation of dev april fools

πŸ˜‚ Catch Me If You Can – Joke Unlocker

A completely useless (but highly entertaining) web app built for the DEV April Fools Challenge.

You don’t just click a button here…
You earn it 😈


🎯 What Does This Do?

  • A button that runs away from your cursor
  • After enough struggle, it finally gives up 😏
  • Then you can click it to unlock…
  • πŸ‘‰ A random 1-line joke πŸ˜‚
  • Plus a fun emoji explosion πŸŽ‰

🀑 Why Did I Build This?

Honestly… no reason.

This project solves:

❌ No real problems
βœ… Maximum confusion, chaos, and laughter


βš™οΈ Features

  • πŸ–±οΈ Annoying moving button (good luck catching it)
  • πŸ”“ Unlock after multiple attempts
  • πŸ˜‚ Random 1-line jokes
  • πŸŽ‰ Emoji bloom animation on every click
  • β˜• Tea Mode (Error 418: I'm a teapot)

πŸš€ Live Demo

πŸ‘‰ [Try it here] https://dev-april-fools-19c4zo03n-shubh1595s-projects.vercel.app


πŸ’» Tech Stack

  • HTML
  • CSS
  • JavaScript

πŸ› οΈ How to Run Locally

…



(Keeping it minimal, fast, and chaotic)


βš™οΈ How I Built It

  • Used JavaScript event listeners to track cursor movement
  • Made the button randomly change position to avoid clicks
  • Added a hidden attempt-based unlock logic
  • Once unlocked, button becomes clickable
  • Clicking triggers:

    • A random 1-line joke generator πŸ˜‚
    • A fun emoji bloom animation πŸŽ‰
  • Added a bonus Tea Mode (Error 418 β˜•)


πŸ† Prize Category

I’m submitting this project for:

πŸ‘‰ Community Favorite

Because:

  • It’s simple, interactive, and fun
  • Encourages users to keep clicking
  • Designed to make people laugh (or get slightly frustrated πŸ˜„)

πŸ€” Final Thoughts

This project solves absolutely nothing…
But hopefully made you smile while trying to click a button πŸ˜„

If you managed to click the button…

Congratulations πŸŽ‰
You officially have more patience than I expected πŸ˜„

⭐ If You Like It
Give it a ❀️ or just try clicking the button again 😈

Top comments (2)

Collapse
 
preeti_yadav profile image
Preeti yadav

Hey, your live link requires access.
Make it public.

Collapse
 
shubhangi_jadhav_669bfa23 profile image
Shubhangi Jadhav • Edited

Thanks for pointing it out! πŸ˜„
It’s fixed now β€” the project is public.