Terms & Conditions That Fight Back

Suman Bera — Sat, 11 Apr 2026 17:05:21 +0000

This is a submission for the DEV April Fools Challenge

What I Built

I built “Terms & Conditions That Fight Back” — a useless yet chaotic web app where the user tries to accept terms, but the UI actively prevents it.

Instead of a normal accept button, the system fights back:

The goal is simple: frustrate, entertain, and confuse the user in the most fun way possible.

👉 Live Demo: - Live Demo

Try to:

Warning: You will not win.

Github Repo : -Github Repo

I started with a simple idea: what if a UI refused to cooperate?

Step 1:
Created a basic Next.js app and designed a minimal Terms & Conditions layout.

Step 2:
Implemented a moving “Accept” button using random X-Y coordinates inside a container.

Step 3:
Added interaction tracking:

Step 4:
Introduced chaos:

Step 5:
Built a fake success screen that ends with:
“418: I'm a teapot ☕”

Step 6:
Enhanced UI/UX:

The result is a playful, frustrating, and memorable user experience.

🏆 Community Favorite

This project is designed to be:

People naturally try to click the button — which creates a hilarious experience.

🏆 Best Ode to Larry Masinter

The project ends with:
“418: I'm a teapot ☕”

This is a tribute to the famous HTTP status code and the playful nature of web culture.

🏆 Best Google AI Usage (Optional Future Upgrade)

Planned feature:

Example:
“You must emotionally convince the system before accepting.”