This is a submission for the DEV April Fools Challenge
What I Built
I built UX Hell: The Login, a digital torture chamber disguised as a standard authentication flow. It is a masterclass in "Hostile Design," featuring a login system that doesn't just fail—it mocks you.
Key features include:
The Emotional Password Field: It flips upside down while you type and rejects your password for being "too emotional."
The Regret CAPTCHA: You must select all squares containing "regret" (spoiler: it's all of them).
The Soul Contract: A 6,000-word Terms & Conditions page you must read aloud via voice recognition. If you lose your "sincerity," the AI resets your progress.
The Suffering Stream (Vlog Mode): A hidden "back door" leads to a live webcam feed filtered with glitch effects, accompanied by a fake chat of bots like BarnabyTheGhost mocking your failure.
Sarcastic AI: A vocal assistant powered by Gemini that generates custom insults based on your specific input failures.
Demo
You can experience the frustration live here:
Code
The project is built with a modular React architecture. You can explore the chaos in the repository below:https://github.com/ayush382004/site_never_let_you_login/tree/main
How I Built It
This project was built using a modern (yet heavily abused) tech stack:
React 19 & Vite: For the core application structure and lightning-fast "Brain Errors."
Google Gemini API: To power the AI Overseer’s sarcastic personality and real-time critiques.
Framer Motion: Used for the glitch effects, screen shakes, and popups that actively dodge your cursor.
Web Speech API: Utilized both SpeechSynthesis for the AI voice and SpeechRecognition to enforce the reading of the Soul Contract.
Tailwind CSS 4: For that specific "neon-drenched nightmare" aesthetic
Prize Category
I am submitting this for the Best Google AI Usage category. as well as
Best Ode to Larry Masinter
Top comments (0)