What I Built
I built "The Disrespectful UI" (or in Amharic: አክብሮት-ቢስ UI).
In a world obsessed with "User-Centered Design" and "Accessibility," I decided to build the opposite. This app doesn't want to be used. It hates being looked at, and it definitely doesn't want you to click its buttons. It features two primary "anti-features":
The Upside-Down Gatekeeper: All content is rotated 180 degrees and blurred. The only way to read anything is to physically turn your phone upside down. If the app senses you are holding it normally, it hides everything.
The Social Distancing Button: A button that values its personal space. As soon as your finger gets close, it teleports to a random corner of the screen.
Demo
https://dev-challenge-drab.vercel.app/
Code
https://github.com/tech-insight21/dev-challenge
How I Built It
Technology Stack Used:
Framework: React 19 (using functional components and modern hooks like useCallback and useRef).
Build Tool: Vite 6 for fast development and bundling.
Styling: Tailwind CSS 4 for utility-first styling, custom themes, and animations.
Animations: Motion (formerly Framer Motion) for smooth transitions and complex UI interactions.
Icons: Lucide React for a clean, consistent icon set.
Language: TypeScript for type safety and better developer experience.
AI Integration: The project is configured to use the Gemini API via @google/genai.
Backend: Express is included in the dependencies, supporting a full-stack architecture if needed.
Prize Category
Google AI
Top comments (0)