MTGdle
A Wordle-style guessing game for Magic: The Gathering cards
React
Tailwind CSS
Typescript
Wordle meets Magic: The Gathering
MTGdle is a daily card-guessing game inspired by Wordle, built for fans of Magic: The Gathering. Each day players are given a hidden card to identify, making guesses based on attribute feedback — color, type, mana cost, set, and subtype — with color-coded hints on every attempt.
The project started as a way to combine a hobby with hands-on practice building a full React + TypeScript application from scratch, including API integration, game state management, and a responsive UI.
Attribute-based feedback on every guess
Players type a card name and receive immediate feedback across five attributes. Green means an exact match, yellow means partially correct (e.g. shared color), and red means no overlap. The game pulls live card data from a modified version of scryfall api data set that i created to limit the number of calls to the api.
Card Selection
A daily card is seeded from my modifed scryfall api data set — consistent for all players on the same day, refreshing at midnight.
Guess & Feedback
Each guess reveals color-coded attribute hints across color identity, card type, mana value, set, rarity,name, and subtype.
Win or Retry
Players have 20 guesses to identify the card.
Built with React, TypeScript & Tailwind
The frontend is built entirely in React with TypeScript for type-safe game state handling. Tailwind CSS handles all styling. Card data is fetched from my modified scryfall api data set that i created to limit the number of calls to the api. The api data set is hosted on vercel and is fetched using the fetch api.
Game state — including the daily answer, past guesses, and win condition — is persisted in localStorage so progress is retained across page refreshes without requiring a backend or user accounts.
What's next for MTGdle
I plan to add a leaderboard feature so players can see how they compare to others. I also want to add a feature so players can share their results on social media. I want to add a feature so players can see the history of their guesses and see how they did over time.