Mugiwara TCG

The Vision

The trading card game community relies heavily on accurate data and intuitive collection management. Mugiwara TCG was designed to provide players and collectors with a seamless, cross-platform experience (mobile and web). Moving beyond simple card viewing, the platform empowers users to actively build decks and manage their entire physical inventory in real time.

To ensure a refined, community-focused user experience, I also led end-to-end product design, encompassing the global brand identity and logo creation.

The project is still under active development and is not currently available.

Complex Data Modeling

Designing a comprehensive TCG application required overcoming significant data modeling challenges. Beyond simply displaying card information like name, health, and effect, I had to architect a system where each card is linked to a specific set and precise collection. For a living card game, managing duplicate cards across different expansion sets with unique art while maintaining and enforcing official deck-building rules was a crucial requirement.

I engineered a scalable PostgreSQL database using Supabase, tailored specifically to this intricate ecosystem. This architecture successfully manages complex card reprint logic; it allows for unique database entries for duplicate cards across different expansions, while strictly maintaining and applying legal deck-building limits throughout the user’s deck creation process.

Automated Data Pipelines

Maintaining a dynamic, up-to-date database for a living card game manually is impossible. To solve this, I engineered an automated data pipeline.

By leveraging Python, I developed custom web scraping tools that synchronize the application’s database directly with Bandai’s official card lists. This guarantees that as soon as a new expansion is released, users instantly have access to accurate, detailed card data without any manual intervention from me, ensuring a constantly evolving and accurate application.

Key Features

• Cross-Platform UI: Built with React Native and React to deliver a native feel on mobile while maintaining web accessibility.
• Deck Builder: A rules-aware builder that validates decks against current game formats.
• Collection Tracker: Intuitive tools for users to log their physical inventory.
• Card Scannin: A high-level feature allowing users to instantly scan and identify physical cards to rapidly add them to their digital collection, leveraging advanced image recognition.
• Market Price Tracking: Since the trading card market is highly volatile, users can monitor real-time price trends for desired cards, enabling them to make informed decisions for their collection.

Technical Stack

• React Native, Supabase, PostgreSQL,API REST, JavaScript, TypeScript