DEV Community
Follow
RivalRy — Log Every Rivalry, Feel Every Match, Hear the Hype
RivalRy is a passion tracker designed for football rivalry enthusiasts.
Users can meticulously log every match outcome against their primary rivals, including wins, losses, and draws.
Beyond just recording results, users can also rate the emotional intensity of each game and provide a personal narrative.
Over time, these entries accumulate to form a comprehensive Timeline of all rivalry encounters.
A key feature is the "Passion Card," a shareable stat card summarizing total battles, win/loss/draw records, and an overall Passion Rating.
This card also highlights the user's single most intense rivalry moment, which is narrated aloud by an AI hype announcer.
The app emphasizes that passion extends beyond major derbies to every significant match that leaves a lasting impression.
RivalRy is built using React, Vite, and Tailwind CSS, with data stored locally in the browser's localStorage for a backend-free experience.
The standout "Narrate My Rivalry" feature leverages the ElevenLabs Text to Speech API to generate an AI-narrated hype summary.
In case ElevenLabs credits are exhausted, the app gracefully falls back to the browser's native speech synthesis.