Cover image for Full-stack Pokémon TCG simulator with pack opening, grading, PvP and card auctions

Soham

An ecosystem whose job is to full-fill our dream of opening and collecting pokemon cards, which we all had in our childhood.

Instead of just clicking a button to reveal static images, I wanted to recreate the whole experience of getting , collecting and showing off your pokemon cards , i even added live card auctions and card shows and PSA card grading simulator to give the full-on experience which pokemon has to offer.

🔗 Live Sandbox: https://pokemontcgsim.vercel.app

💻 GitHub Repo: https://github.com/sohamSanat/PokemonTcgSimulator

**

Screen shots of different segments of the web app ->

**

1)Main page (pack opening)

2)Binder section where you sort your cards in the personal collections and see your cards’ portfolio

3)Card grading simulation where you can get your cards’ price increased based on the condition of your card

4)Card show where there are different vendors with their own specialty in cards

5)live cards auction of thousands of cards

**Tech fluff for people who cares ;D ->

Architecture & Major Engineering Achievements : -**

1)Era-Calibrated Pack Engine & Rarity Probability Mathematics: Pack generation creates historically accurate card pools from over 25 years of card sets, from 1999 Base Set to 2025 Mega Evolution. It recreates slot weights, ensures holos, and handles complex probability mechanics for Secret Illustration Rares and many other cards

2)gemini powered NPC Negotiation Engine: During the virtual card convention, users negotiate with 9 different NPC vendors through natural language interactions. The backend NLP pipeline analyzes the user’s language, tokenizes the negotiation and makes offers.

3)Simulated PSA Grading Laboratory & Restoration Studio: The multi-step card authentication system considers card centering, surface, corners, and edges, and provides realistic grade distribution (PSA 1-10) with dynamic slab encasement and grade multipliers. It also has an interactive pre-grading restoration studio where you can clean surfaces and press corners for better grade range possibilities.

4)Live PvP Arena: 1v1 “Pack-Off” Battle : built using Firebase Firestore real-time onSnapshot listeners. It allows instant synchronization of game states between players using 5 character room codes.

5)Dynamic Binders & Real-Time Portfolio: Full-fledged drag-and-drop digital binder system with automatic penny sleeve animation, cloud synchronizations with Firestore, and real-time market value that fetches live prices from TCGPlayer APIs.