The latest articles on DEV Community by Rave (@rave5). https://dev.to/rave5 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%2F3864079%2Fc2e11e1a-0b6d-44d9-9cee-dc26f84d3d74.jpeg https://dev.to/rave5 en Rave Mon, 06 Apr 2026 16:53:39 +0000 https://dev.to/rave5/confused-cafe-the-worst-website-youll-ever-experience-29d5 https://dev.to/rave5/confused-cafe-the-worst-website-youll-ever-experience-29d5 <p><strong><em>This is a submission for the <a href="https://dev.to/challenges/aprilfools-2026">DEV April Fools Challenge</a></em></strong></p> <h2> <strong>What I Built</strong> </h2> <p>I built Confused Café — a deliberately useless and chaotic web app where users can experience the worst possible user interface.</p> <p>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.</p> <p>The site intentionally breaks normal UX rules:</p> <ul> <li>Buttons don’t behave properly</li> <li>Inputs sabotage the user</li> <li>Random alerts and fake system messages appear</li> <li>The entire page feels unstable and unpredictable</li> </ul> <p>The goal was to create something that is technically functional, but completely unusable in the most entertaining way possible.</p> <h2> <strong>Demo</strong> </h2> <p>Live Site:<br> <a href="https://gilded-kleicha-6715f3.netlify.app/" rel="noopener noreferrer">https://gilded-kleicha-6715f3.netlify.app/</a></p> <p>Video Demo (Google Drive):<br> <a href="https://drive.google.com/file/d/1x9fCgZ5l2ALUiaauDDKS7BgBqozRejja/view?usp=drive_link" rel="noopener noreferrer">https://drive.google.com/file/d/1x9fCgZ5l2ALUiaauDDKS7BgBqozRejja/view?usp=drive_link</a></p> <p>(Warning: This experience is intentionally chaotic and unpredictable)</p> <h2> <strong>Code</strong> </h2> <p>GitHub Repository:<br> <a href="https://github.com/KamnaJ5/confused-cafe-chaos" rel="noopener noreferrer">https://github.com/KamnaJ5/confused-cafe-chaos</a></p> <p>Includes all source code, assets, and chaotic logic behind Confused Cafe.<br> This project is built using:</p> <ul> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> </ul> <p>No frameworks were used — everything is built from scratch with pure frontend code focused on interaction and chaos.</p> <h2> <strong>How I Built It</strong> </h2> <p>I designed the project by intentionally making the user experience worse at every step.</p> <p>Some key implementations:</p> <ul> <li>JavaScript event manipulation to delay or ignore clicks</li> <li>Randomized behaviors for unpredictability</li> <li>Fake systems like loading screens and virus popups</li> <li>Audio effects and UI animations to increase chaos</li> <li>DOM manipulation for dynamic and disruptive interactions</li> </ul> <p>The challenge was not making a clean UI, but engineering a controlled bad experience that still works.</p> <h2> <strong>Prize Category</strong> </h2> <p>Best Google AI Usage</p> <p>I used AI tools (Anti-Gravity) to:</p> <ul> <li>generate chaotic feature ideas</li> <li>explore unconventional UI patterns</li> <li>push the project toward a more absurd and experimental direction</li> </ul> <p>The final result reflects a blend of human creativity and AI-driven chaos.</p> <p>This is a solo project — all chaos was created and managed by me alone.</p> devchallenge 418challenge showdev