An infinite, experimental version of the popular "LoLdle" mini-game, built to deconstruct the logic behind attribute-based guessing.

The Motivation: Curiosity over Daily Limits

I’ve always been a fan of the original LoLdle. It’s a brilliant way to test your League of Legends knowledge. However, as a developer, I couldn't stop thinking about the underlying logic: How does the comparison engine handle multiple overlapping attributes? How do you efficiently filter a roster of 160+ champions in real-time?

The original game is designed around a "daily challenge" format. But when you’re trying to debug a comparison table or test a new UI, waiting 24 hours for the next round is not an option. I built this clone to satisfy two needs: understanding the technical implementation and creating an infinite mode where I could play (and test) as much as I wanted.

The Project

This is a faithful recreation of the "Classic" mode. You guess a champion, and the game provides feedback through a comparison table highlighting attributes like gender, position, species, resources, and range type.

Key Features

• Infinite Play: No daily limits. The "champion of the day" is whenever you decide to hit refresh.
• Custom Data Engine: Instead of relying solely on live APIs that might change or break, I built a custom JSON dataset with adjusted champion attributes sourced from Riot's APIs and community data.
• Live Asset Integration: The app consumes Riot’s official API to pull high-quality champion icons and assets directly.

Technical Challenges

• Attribute Comparison: Implementing the logic that determines if a value is a "partial match" (like a champion that is both a Mage and a Support) vs. a "perfect match" was a fun exercise in array manipulation.
• Data Accuracy: Cleaning the data was the real "Final Boss." League’s lore and roles are constantly shifting, so I had to manually adjust the JSON to ensure the feedback felt fair and accurate to the current meta.

Tech Stack

• React + Vite: For a lightning-fast development environment.
• Tailwind CSS: For the dark-themed, sleek UI that League players are used to.
• Tabler Icons: For those clean, minimalist UI elements.