Rift Rewind Chronicles

Your League year wrapped — Uncover your persona on the Rift.

Comment

GitHub repo

Inspiration

We drew inspiration from Spotify Wrapped — that yearly moment when data feels personal and emotional. We wanted to bring that same spark of joy, nostalgia, and self-discovery to League of Legends players.

The idea was simple but powerful: every player has a story. Your stats aren’t just numbers — they’re memories, lessons, and emotions from hundreds of hours on the Rift.

So we set out to create something that feels fun, shareable, and educational: a recap that celebrates players’ growth, highlights their playstyle, and gives them meaningful insights — all wrapped in a visually fresh, youthful League vibe.

What it does

Rift Rewind Chronicles turns a player’s year of matches into an interactive end-of-year story.
Players can:

  • Discover their playstyle persona
  • Explore insights and trends from their year — key improvements, best moments, and learning points
  • Relive highlights and lows through AI-generated reflections
  • Experiment in an interactive stat lab, adjusting habits like CS, deaths, or vision to see how small improvements could raise their win rate
  • Find duo synergy scores with friends and uncover which champion pairs truly shine together
  • Generate shareable recap cards that look great on Instagram, Discord, or Twitter — turning data into celebration

How we built it

  • Frontend: React + TypeScript
  • Backend: Express + Supabase
  • Deployment: Vercel (frontend) and Render (backend)
  • AI Layer: Claude Haiku integrated via AWS Bedrock, powering player insight generation and persona narration

Architecture Diagram:
!View on Google Drive

Challenges we ran into

The biggest challenge was balancing creativity, technical feasibility, and clarity of purpose within the short timeframe.
It took time to truly interpret what the challenge wanted — something both technically solid and delightful for players — and to scope features realistically.

From a technical side, the hardest problem was rendering and sharing high-quality recap cards.
We faced large payload issues when exporting images and complications integrating social media APIs to include captions automatically alongside the generated visuals.

Accomplishments that we’re proud of

We’re proud of building an experience that feels alive — interactive, aesthetic, and reflective.
Despite limited time, we achieved the player journey we envisioned: from data → insight → emotion → share.
Seeing testers smile at their archetype cards or adjust sliders in the lab and say “that’s actually me” — that’s our biggest win.

What we learned

We learned that fun design needs restraint.
Some of our early ideas that sounded “amazing” turned out redundant in testing, while simple ones — like giving players a single sentence of encouragement — resonated most.
We also gained a deeper understanding of player psychology: what motivates reflection, and how to turn stats into meaningful stories.

What’s next for Rift Rewind Chronicles

We want to go deeper.
Next steps include:

  • A detailed match analyzer for personalized breakdowns and micro-lessons
  • AI-powered champion personalities that comment on your data — imagine Katarina roasting your KDA, or Janna praising your macro

Ultimately, we want Rift Rewind Chronicles to evolve from a recap into a personal League companion — a place where every game contributes to your story.

Built With

Share this project:

Updates