DEV Community

Cover image for The Inconvenience Machine
AliyuAlbako
AliyuAlbako

Posted on

The Inconvenience Machine

April Fools Challenge Submission ☕️🤡

This is a submission for the DEV April Fools Challenge

What I Built

I built The Inconvenience Machine — a deliberately useless, AI-powered web application designed to make simple digital interactions unnecessarily frustrating, confusing, and hilarious.

It combines modern web technologies and AI to create features that actively work against the user:

  • An unclickable button that avoids your cursor
  • An AI excuse generator for avoiding responsibility
  • A reverse search engine that confidently gives wrong answers
  • A bad password generator (security not included)
  • An emotionally unstable dark mode
  • A decision ruiner AI that gives terrible life advice

Every feature is carefully engineered to solve absolutely nothing — beautifully.

Demo

Code

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

React Compiler

The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see this documentation.

Expanding the ESLint configuration

If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.




How I Built It

This project is a full-stack application built with:

Frontend

  • React (Vite)
  • Tailwind CSS
  • Canvas Confetti (for chaotic feedback)

Backend

  • Node.js + Express
  • REST API architecture

AI Integration

  • Google Gemini API (@google/genai)
  • Custom prompt engineering to generate:
    • absurd excuses
    • useless search results
    • terrible life advice

Key Engineering Decisions

  • Fallback Mode:

    The app works even without AI by returning pre-defined nonsense — ensuring reliability during demos.

  • Chaos Engine:

    UI progressively degrades (rotation, blur, spacing) as users interact more.

  • Deliberate UX Anti-Patterns:

    Every component is intentionally designed to violate best practices — but in a controlled and humorous way.

Prize Category

This project uses Gemini AI not to solve problems — but to intelligently create problems.

Instead of productivity, the AI generates:

  • absurd excuses
  • confidently incorrect answers
  • terrible decision-making advice

It demonstrates how powerful AI can be applied creatively, humorously, and unpredictably.

The Inconvenience Machine is a playful reminder that:

Just because we can build powerful tools…

doesn’t mean we should use them responsibly.


Built with unnecessary effort for absolutely no good reason.

Top comments (0)