Collectible Card Management Platform
Comprehensive web application for collectible card enthusiasts to manage collections, track values, and engage in marketplace trading
Collectors of trading cards—whether Pokémon, Yu-Gi-Oh, or other TCGs—struggle with fragmented tools that don't provide a unified platform for cataloguing collections, tracking market values, and managing the business side of collecting.
Key Issue: Existing platforms lack the comprehensive features needed for serious collectors who want to track investment performance, manage buy/sell transactions, and engage in marketplace activities—all while maintaining accurate financial records.
MyCardTracker is a comprehensive web application designed with a sleek, dark-mode interface optimised for desktop and mobile. It serves as a one-stop platform for cataloguing collections, tracking market values, managing buys and sells, and engaging in a built-in marketplace while monitoring financial performance.
Result: A comprehensive platform that transforms card collecting from a hobby into a strategic investment tool, helping users track appreciating assets and connect in a vibrant marketplace.
Comprehensive tools for serious collectors and investors
Users add, edit, and organise cards into custom collections (e.g., "Full Art Collection", "Base Set") with details like card name, set, year, category (e.g., Pokémon), grading company (e.g., PSA Gem Mint), serial number, population, and images.
Real-time valuation pulls from external sources via "Reload PSA Data" or "Search Price Charting," showing paid amounts, current values, profits, and card counts. Grid views display thumbnails with quick stats for easy browsing.
Dedicated sections for purchase invoices (tracking total spent on cards from various sellers) and sold items (monitoring investments, sale amounts, and profits across invoices). Tables list details like invoice numbers, dates, sellers, amounts, card quantities, and actions (download, edit, delete).
Supports bulk PDF generation for records, providing the financial data needed for taxation or resale tracking. This comprehensive approach helps users maintain proper financial records for their collecting business.
A browseable marketplace for buying/selling cards, with filters for categories, grading companies, and grades. Listings include card images, prices, conditions (e.g., PSA 10), locations (with map integration), and buttons to "Contact Seller" or "See Chat."
In-app chat for buyer-seller discussions, organised by threads for specific card negotiations. Users manage their listings, mark items as pending/sold, and generate public shareable links for collections, allowing them to showcase portfolios to others.
Designed and developed MyCardTracker from concept to launch, focusing on creating a comprehensive platform that combines collection management, marketplace functionality, and business tools. The project required deep understanding of collectibles markets, API integrations for real-time pricing data, and building engaging user experiences for niche communities.
Purpose-built functionality for serious collectors and micro-sellers
Built with modern technologies for scale and performance
React 18 + TypeScript + CRACO
Modern React with TypeScript for type safety, CRACO for advanced webpack optimization, and component architecture for scalability.
Firebase
Real-time database, auth, and hosting with enterprise-grade security. Handles user authentication and tiered subscription plans.
Chart.js + Advanced Search
Interactive charts for collection analytics, advanced search with filtering, and real-time data visualization.
PSA, Currency, Payments
PSA lookup via web scraping/API, currency exchange data, and Stripe for payments and plan management.
Leaflet + React PDF
Interactive maps for location-based features, PDF generation for reports, and comprehensive data export capabilities.
Secure & Scalable
Secure login system with user-level access and Stripe integration for tiered subscription model and commercial SaaS scaling.
Firebase + Optimized Builds
Firebase hosting with advanced webpack optimization, code splitting, and performance monitoring for enterprise-grade deployment.
MyCardTracker has created a new standard for Australian-based card collection platforms, enabling serious collectors to track and value their collections accurately, reliably, and at scale.
MyCardTracker has created a new standard for Australian-based card collection platforms, enabling serious collectors to track and value their collections accurately, reliably, and at scale. The platform seamlessly blends personal user needs with professional-level functionality, delivering an end-to-end experience that transforms card collecting from a hobby into a strategic investment tool.
Built with commercial-grade infrastructure that can grow into a full SaaS offering, MyCardTracker demonstrates how deep user empathy meets rigorous engineering. It's not just a collection tracker—it's a comprehensive ecosystem that helps users track appreciating assets, connect in a vibrant marketplace, and make informed investment decisions.
MyCardTracker transforms card collecting from a hobby into a strategic investment tool, helping users track appreciating assets and connect in a vibrant marketplace. As a portfolio example, it illustrates how I can build engaging, feature-packed websites that drive user retention and monetisation through listings or premium features.
If your business needs a tailored solution for collectibles tracking, online marketplaces, or asset management—whether for cards, NFTs, or memorabilia—I'm ready to develop a bespoke platform that boosts engagement and revenue.
Let's create a technically robust solution designed to solve your business's unique problems with the same deep user empathy and engineering excellence.