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)