DEV Community

Cover image for The Button That Ends Your Sanity πŸ’€ (You Can’t Click It)
Asmrit Banerjee
Asmrit Banerjee

Posted on

The Button That Ends Your Sanity πŸ’€ (You Can’t Click It)

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

co-author: tanisha27
Enter fullscreen mode Exit fullscreen mode

co_authors: tanisha27

🀑 What I Built

I built a completely useless web app called β€œThe Button That Ends Your Sanity πŸ’€β€.

It looks simple… but quickly turns into chaos.


πŸ’‘ Idea

The goal was to take the simplest UI element β€” a button β€”

and make it impossible to click.

The more you try, the worse things get.


βš™οΈ How It Works

  • Built using HTML, CSS, JavaScript
  • Tracks user interaction and increases difficulty
  • Adds chaotic effects over time

πŸ˜‚ Features

  • Button runs away from cursor πŸƒ
  • Plays "horrendous" sound πŸ”Š
  • Floating emojis everywhere πŸ˜‚
  • Screen shake β€œrage mode” 😑
  • Multiple fake buttons appear 🀯
  • Ends with a fake system crash πŸ’€

πŸ§ͺ Google AI Usage

I used Google Gemini to:

  • Brainstorm chaotic and funny ideas
  • Generate sarcastic messages
  • Improve interaction design

β˜• Ode to 418

If you somehow manage to click the button:
πŸ‘‰ The app gives up and returns 418 I'm a teapot β˜•


πŸš€ Try It Out

Live Demo: https://button-that-hates-youuuuu.netlify.app

GitHub: (optional β€” add if you upload)


πŸ€” Final Thoughts

This project:

  • Solves absolutely nothing
  • Gets worse the more you interact
  • And actively works against the user

Mission successfully failed.

Top comments (0)