{"slug": "rivalryfuel-ai-hype-commentary-for-any-rivalry", "title": "RivalryFuel: AI Hype Commentary for Any Rivalry", "summary": "A developer built RivalryFuel, an AI-powered hype commentary generator that turns any rivalry into a dramatic stadium-announcer-style speech. The app uses Gemini 2.0 Flash for generating biased commentary and ElevenLabs for text-to-speech, deployed on Google Cloud Run with a React frontend.", "body_md": "*This is a submission for Weekend Challenge: Passion Edition*\n\n**RivalryFuel** — an AI-powered hype commentary generator that turns any rivalry into a dramatic, stadium-announcer-style speech. Pick two sides (sports teams, tech stacks, even Tea vs Coffee), hit generate, and Gemini writes a passionate, biased commentary — then ElevenLabs brings it to life with a real announcer voice.\n\nWith the World Cup happening right now, passion for rivalries is everywhere — in stadiums, group chats, comment sections. RivalryFuel captures that same chaotic, biased energy in a 30-second, shareable format. My goal was to build something that felt genuinely fun to click \"generate\" on more than once.\n\n🔗 **Live App:** [https://rivalryfuel-686994035117.asia-southeast1.run.app](https://rivalryfuel-686994035117.asia-southeast1.run.app)\n\n🎥 **Video Demo:** [https://youtu.be/imMa8FMHlck](https://youtu.be/imMa8FMHlck)\n\nTry it yourself — click a preset like \"Messi vs Ronaldo,\" hit Generate Commentary, then hit \"Listen to Column\" to hear it out loud.\n\nThe app is built with React + TypeScript + Vite + Tailwind CSS, deployed on Google Cloud Run.\n\n**Gemini 2.0 Flash** powers the core hype generation — I engineered the prompt to keep responses playful, biased toward the chosen side, and dramatically \"shouted into a stadium mic\" rather than neutral or robotic. Getting the tone right took a few iterations of prompt tweaking.\n\n**ElevenLabs** handles the text-to-speech layer — the generated commentary is sent to ElevenLabs' API and played back in-browser as a stadium-announcer voice, turning static text into something that actually feels alive.\n\nOne fun challenge: I hit Gemini's free-tier rate limit mid-build and had to switch API keys/projects to keep testing — a good reminder that even small demo apps need quota planning. I also had a UI bug where longer names like \"Cristiano Ronaldo\" were clipping on smaller screens, fixed with responsive flex layouts and dynamic font scaling.\n\nSubmitting for:\n\nThanks for putting together another fun challenge — built this solo over the weekend! Would love to hear what rivalry you'd want to see hyped up next 🔥", "url": "https://wpnews.pro/news/rivalryfuel-ai-hype-commentary-for-any-rivalry", "canonical_source": "https://dev.to/aniket_saini_7/rivalryfuel-ai-hype-commentary-for-any-rivalry-1303", "published_at": "2026-07-10 11:00:06+00:00", "updated_at": "2026-07-10 11:13:10.369686+00:00", "lang": "en", "topics": ["generative-ai", "large-language-models", "ai-tools", "developer-tools"], "entities": ["Gemini 2.0 Flash", "ElevenLabs", "Google Cloud Run", "React", "TypeScript", "Vite", "Tailwind CSS"], "alternates": {"html": "https://wpnews.pro/news/rivalryfuel-ai-hype-commentary-for-any-rivalry", "markdown": "https://wpnews.pro/news/rivalryfuel-ai-hype-commentary-for-any-rivalry.md", "text": "https://wpnews.pro/news/rivalryfuel-ai-hype-commentary-for-any-rivalry.txt", "jsonld": "https://wpnews.pro/news/rivalryfuel-ai-hype-commentary-for-any-rivalry.jsonld"}}