A comprehensive static HTML collection manager for tracking vintage 1997 Bandai Carddass Pokémon cards.
I created this project during my free time after diving into collecting vintage Pokémon Carddass cards from 1997. Many of these cards come directly from Japan through auctions—it's quite the adventure: bidding, winning, and then patiently waiting for packages to arrive across the globe! I wanted something more engaging and visual than a boring Excel spreadsheet to track my collection, and this is what came to life. It's designed to make collecting more organized, enjoyable, and efficient.
The Problem: Managing a growing card collection with just spreadsheets is tedious and error-prone.
The Solution: A beautiful, interactive web interface that makes tracking your collection actually enjoyable:
- ✅ Visual tracking of owned cards
- 📦 Order management to avoid duplicate purchases
- 🏆 Grading status tracking for serious collectors
- 💰 Price tracking and collection value management
- 📊 Real-time statistics and completion tracking
- 🌐 Multi-language support (English, Italian, Spanish)
- 🌙 Dark mode for late-night collection sessions
- Owned Status: Track which cards you physically have
- Order Tracking: Monitor cards you've ordered but haven't received yet
- Grading System: Record card conditions (Raw, PSA, BGS, CGC, SGC)
- Price Tracking: Enter purchase prices to track collection value
- 153 Cards Total: All 151 original Pokémon + 2 special secret cards
- Multi-Currency Support: EUR (€), USD ($), GBP (£), JPY (¥)
- Collection Value: Real-time total value calculation
- Average Price: Track average cost per card
- Smart Calculations: Only counts prices for owned cards
- Currency Preferences: Automatically saved and restored
- 🇬🇧 English: Full interface translation
- 🇮🇹 Italiano: Complete Italian localization
- 🇪🇸 Español: Full Spanish translation
- Language Persistence: Your choice is automatically saved
- Localized Messages: All alerts and confirmations translated
- Search by Pokémon name or card number
- Filter by type (Fire, Water, Electric, etc.)
- Filter by collection status (owned/ordered/missing)
- Filter by card type (standard/secret)
- Filter by grading status
- Desktop Mode: Full table view with all details
- Mobile Mode: Optimized card view for touch devices
- Adaptive UI: Automatically adjusts to your screen size
- Light Theme: Clean, bright interface
- Dark Theme: Easy on the eyes for extended use
- Instant Toggle: Switch themes with one click
- Total cards in collection (153)
- Cards you own
- Cards you've ordered
- Missing cards count
- Completion percentage
- Total collection value
- Average price per card
- Auto-Save: Your data is automatically saved as you work
- Export Options: Backup to JSON, Excel, or CSV formats (includes prices)
- Import Function: Restore from previous backups (backward compatible)
- Print Support: Generate physical collection lists
This is a pure static HTML application—no server required! Built with:
- HTML5 & CSS3: Modern, responsive design
- Vanilla JavaScript: Fast and lightweight functionality
- Local Storage: Browser-based data persistence
- XLSX.js: Excel export capabilities
- Multi-language System: Client-side translations
I used AI tools to accelerate development because life's too short to write everything from scratch! 🤖
This application stores your collection data locally in your browser using localStorage. Here's what you need to know:
- Closing and reopening the browser
- Restarting your computer
- Navigating to other websites
- Regular browser usage
- Clearing browser cache/cookies
- Using incognito/private browsing mode
- Switching to a different browser
- Using a different device
- Browser storage quota is exceeded
- Regular Backups: Use the "💾 Backup" button to export your data as JSON
- Multiple Formats: Export to Excel/CSV for external storage
- Cloud Storage: Save backup files to Google Drive, Dropbox, etc.
- Before Maintenance: Always backup before clearing browser data
If you lose your data, you can restore it using the "📂 Import" function with any previously saved backup file.
The mobile version has been completely optimized for touch devices:
- Compact Controls: 4-column grid layout for easy thumb navigation
- Card View: Swipe-friendly card interface alternative to table view
- Fixed Bottom Menu: Quick access to all functions
- Touch-Optimized: Larger buttons and checkboxes for better usability
- Price Input: Optimized number inputs for mobile keyboards
- 📖 Open the Page: Load the HTML file in any modern browser
- 🌐 Choose Language: Select your preferred language (English/Italian/Spanish)
- 💰 Set Currency: Choose your currency (EUR/USD/GBP/JPY)
- 🎯 Track Ownership: Check "Owned" for cards you have
- 📦 Monitor Orders: Check "Ordered" for cards you've purchased but not received
- 🏆 Record Grading: Select grading status from dropdown (Raw, PSA, BGS, etc.)
- 💵 Enter Prices: Add purchase prices to track collection value
- 🔍 Use Filters: Find specific cards or view subsets of your collection
- 💾 Backup Regularly: Export your data to prevent loss
- 📱 Go Mobile: Switch to mobile mode for on-the-go collection management
Got ideas? Found bugs? Want to contribute?
- 🐛 Report Issues: Feel free to open issues on GitHub, but fixes are not guaranteed
- 💡 Suggest Features: Share your ideas in the discussions - they might inspire future updates
- 🔧 Submit PRs: Pull requests are welcome, though review and merge are at my discretion
- ⭐ Star the Repo: Show your support and help others discover the project!
This tool was built for personal use and remains a side project. Your understanding is appreciated! 🙏
Pokémon, Pokémon character names, and related trademarks are the property of Nintendo, Creatures Inc., and Game Freak Inc. Bandai and related trademarks belong to their respective owners.
This project is not affiliated with, endorsed, or sponsored by any of these entities. This is a fan-made tool created for recreational purposes only.
All trademarks remain the property of their respective owners worldwide. No copyright or trademark infringement is intended.
Made with ❤️ for the Pokémon collecting community
🌟 Star this repo • 🐛 Report issues • 💬 Discussions • ☕ Support