DEV Community

Cover image for Brew Submission
Flexi Dev
Flexi Dev

Posted on

Brew Submission

#devchallenge #418challenge #showdev

April Fools Challenge Submission ☕️🤡

This is a submission for the DEV April Fools Challenge

What I Built

I built the OEPAT (Over-Engineered Passive-Aggressive Teapot). It is a full-stack implementation of the HTCPCP (Hyper Text Coffee Pot Control Protocol) designed with one goal: to refuse to make you coffee. Using a combination of sentient UI and Google AI, it analyzes your brewing request and—in accordance with RFC 2324—stubbornly insists that it is a teapot.
To make matters worse, the "Brew" button utilizes a "Social Distancing" algorithm that physically moves the button away from your cursor, making the simple act of requesting a drink a high-stakes game of tag.

Demo

You can try (and fail) to brew a cup here: https://flexi-spec.github.io/April-fool-lol/

Code

The core logic of the refusal and the evasive UI:

// The "Social Distancing" Button Logic
document.addEventListener('mousemove', (e) => {
    const btnRect = btn.getBoundingClientRect();
    const dist = Math.hypot(e.clientX - (btnRect.left + btnRect.width/2), 
                            e.clientY - (btnRect.top + btnRect.height/2));

    if (dist < 80) {
        btn.style.left = `${Math.random() * 50 - 25}px`;
        btn.style.top = `${Math.random() * 50 - 25}px`;
    }
});

// The HTCPCP 418 Response
if (device === 'teapot' && beverage === 'coffee') {
    res.status(418).json({
        message: "I'm a teapot",
        reasoning: "AI Analysis suggests your roast choice is pedestrian."
    });
}
Enter fullscreen mode Exit fullscreen mode

How I Built It

  • HTML5/CSS3: Used to create a deceptive "SaaS-like" dashboard that masks the pure chaos beneath.
  • Vanilla JavaScript: Implemented the evasive button physics and the mock HTCPCP protocol handling.
  • Gemini API (via Google AI Studio): Used to generate hyper-specific, condescending reasons for the 418 error. Gemini acts as the "sentient" core of the teapot, judging the user's intent and providing high-fidelity philosophical arguments against the brewing of coffee.
  • GitHub Pages: For hosting this monument to uselessness. ## Prize Category Best Ode to Larry Masinter / Best Google AI Usage This project is a direct tribute to Larry Masinter’s legendary 1998 April Fools RFC. By combining the classic 418 I'm a teapot error with Google AI, I have modernized the joke for 2026. Instead of a simple error code, users now receive an AI-generated lecture on why their coffee preferences are ethically incompatible with a teapot's lifestyle. It's the perfect intersection of a 28-year-old internet meme and cutting-edge generative technology.

Top comments (0)