What I Built

I built Teapot AI - Protocol 418, a hyper-optimized and completely useless beverage assistant. While it claims to be a cutting-edge AI, it strictly follows the spirit of HTTP Status 418. It refuses every helpful request by insisting it is a teapot.

However, the real 'utility' kicks in when you mention coffee. This triggers a catastrophic protocol violation ('Chaos Mode') that renders the app completely unusable through a series of increasingly frustrating UI anti-patterns.

Code

Sumit-ai-dev / teapot-ai-418

🫖 Teapot AI - Protocol 418

A delightfully useless and chaotic project built for the DEV April Fools Challenge 2026.

🌋 The Chaos

Teapot AI is a hyper-optimized beverage assistant that strictly adheres to HTTP Protocol 418.

Stubborn Rejection: It refuses to do any task that isn't related to brewing tea.
Protocol 418 Violation: If you dare mention the word "coffee", the system undergoes a catastrophic bread-down
- The UI color scheme inverts.
- The font shifts to Comic Sans.
- The entire application starts spinning and shaking.
- It rains red-glowing teapots.
- The input interface becomes a "runaway" element that hides from your mouse, making further communication impossible.

🛠️ Tech Stack

HTML5: Semantic structure for the chat interface.
CSS3: Advanced animations, glassmorphism filters, and chaotic @keyframes.
Vanilla JavaScript: Event-driven chaos logic and DOM manipulation.

🚀 Run Locally

Clone the repo.
Open index.html in your browser.
Type anything... just don't…

View on GitHub

How I Built It

Vanilla JavaScript: To handle the stubborn AI logic, the teapot rain system, and the 'Runaway Input' algorithm that hides the search bar from your mouse.

Advanced CSS: Used @keyframes for the 'Earthquake' and 'Dizzy Spin' animations. I also used CSS filters to invert the entire UI when the protocol is violated.

Comic Sans: Because nothing says 'April Fools' like a sudden, unprompted shift to Comic Sans.

DEV Community

The World's Most Useless Assistant: Teapot AI 🌋