cd /news/generative-ai/rivalryfuel-ai-hype-commentary-for-a… Β· home β€Ί topics β€Ί generative-ai β€Ί article
[ARTICLE Β· art-54072] src=dev.to β†— pub= topic=generative-ai verified=true sentiment=↑ positive

RivalryFuel: AI Hype Commentary for Any Rivalry

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.

read2 min views1 publishedJul 10, 2026

This is a submission for Weekend Challenge: Passion Edition

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.

With 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.

πŸ”— **Live App:** [https://rivalryfuel-686994035117.asia-southeast1.run.app](https://rivalryfuel-686994035117.asia-southeast1.run.app)

πŸŽ₯ **Video Demo:** [https://youtu.be/imMa8FMHlck](https://youtu.be/imMa8FMHlck)

Try it yourself β€” click a preset like "Messi vs Ronaldo," hit Generate Commentary, then hit "Listen to Column" to hear it out loud.

The app is built with React + TypeScript + Vite + Tailwind CSS, deployed on Google Cloud Run.

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.

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.

One 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.

Submitting for:

Thanks 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 πŸ”₯

── more in #generative-ai 4 stories Β· sorted by recency
── more on @gemini 2.0 flash 3 stories trending now
sponsored brought to you by zahid.host 4,200+ EU-deployed projects
reading about agents? ship yours in a single git push.

Run your AI side-project on zahid.host

EU-based hosting, git-push deploys, automatic HTTPS, no cold starts. Free tier with a custom domain β€” perfect for shipping the agent you just read about.

$git push zahid main
β†’ Live at https://your-agent.zahid.host βœ“
Get free account β†’ Pricing
from €0/mo Β· no card required
LIVE [news/rivalryfuel-ai-hype-…] indexed:0 read:2min 2026-07-10 Β· β€”