Hack #7: v0 · v0
7 May, 17:45
ElevenGov: A Satirical EU Government Portal Powered by ElevenLabs TTS What I Built: A Next.js web application that reimagines ElevenLabs' cutting-edge voice AI technology as a deliberately bureaucratic 2016 European Union government portal. The project combines real AI-powered text-to-speech with satirical design to create an entertaining yet fully functional demo. Problem It Solves: While showcasing advanced technology is important, making it approachable and memorable is equally crucial. ElevenGov demonstrates how satire can make complex AI technology more engaging and shareable, turning a technical demo into an experience people want to talk about. How It Uses ElevenLabs: - Real-time TTS generation via ElevenLabs API (eleven_multilingual_v2 model) - Server-side proxy pattern for secure API key management - "Dirk" - a deterministic chatbot assistant whose responses are narrated using ElevenLabs voices - Page narration feature that reads official "government documentation" aloud - Audio panel with live waveform visualization during speech generation Technical Implementation: - Next.js 16 App Router with TypeScript - Secure /api/tts endpoint proxying ElevenLabs API - Custom bureaucratic UI components (shadcn/ui) - Keyword-based assistant with TTS playback - Complete architecture documentation with Mermaid diagrams The Comedy Factor: Every modern web design trend is deliberately reversed - grey backgrounds, Arial font, 1px borders, rectangular buttons, and fake EU directives like "Form PBV-2024" and "Directive 2024/VOICE/47". It's AI-powered voice technology presented in the most boring way possible, which somehow makes it hilarious.
