DEV Community

Rave
Rave

Posted on

💀 Confused Cafe: The Worst Website You’ll Ever Experience

April Fools Challenge Submission â˜•ïžđŸ€Ą

This is a submission for the DEV April Fools Challenge

What I Built

I built Confused CafĂ© — a deliberately useless and chaotic web app where users can experience the worst possible user interface.

It’s a fake cafĂ© where you can “order” cursed drinks like coffee with salt or milk with cola, but the real experience is the chaos around it.

The site intentionally breaks normal UX rules:

  • Buttons don’t behave properly
  • Inputs sabotage the user
  • Random alerts and fake system messages appear
  • The entire page feels unstable and unpredictable

The goal was to create something that is technically functional, but completely unusable in the most entertaining way possible.

Demo

Live Site:
https://gilded-kleicha-6715f3.netlify.app/

Video Demo (Google Drive):
https://drive.google.com/file/d/1x9fCgZ5l2ALUiaauDDKS7BgBqozRejja/view?usp=drive_link

(Warning: This experience is intentionally chaotic and unpredictable)

Code

GitHub Repository:
https://github.com/KamnaJ5/confused-cafe-chaos

Includes all source code, assets, and chaotic logic behind Confused Cafe.
This project is built using:

  • HTML
  • CSS
  • JavaScript

No frameworks were used — everything is built from scratch with pure frontend code focused on interaction and chaos.

How I Built It

I designed the project by intentionally making the user experience worse at every step.

Some key implementations:

  • JavaScript event manipulation to delay or ignore clicks
  • Randomized behaviors for unpredictability
  • Fake systems like loading screens and virus popups
  • Audio effects and UI animations to increase chaos
  • DOM manipulation for dynamic and disruptive interactions

The challenge was not making a clean UI, but engineering a controlled bad experience that still works.

Prize Category

Best Google AI Usage

I used AI tools (Anti-Gravity) to:

  • generate chaotic feature ideas
  • explore unconventional UI patterns
  • push the project toward a more absurd and experimental direction

The final result reflects a blend of human creativity and AI-driven chaos.

This is a solo project — all chaos was created and managed by me alone.

Top comments (0)