TokoPowkeymon
Pokemon TCG vault e-commerce & WhatsApp automated parser.
The System Bottleneck & Problem Statement
Trading card game collectors and sellers struggled with listing hundreds of individual card variants across Instagram stories, resulting in chaotic price haggling and unreadable order DMs.
Architected Solution & Execution Mechanics
Built TokoPowkeymon: an editorial digital catalog where collectors can filter cards by rarity, condition (Near Mint, Lightly Played), and expansion set, adding cards to a cart that compiles directly into a structured WhatsApp order invoice.
Collector Catalog
Fast image gallery showcasing holographic card scans and condition notes.
Key Engineering Responsibilities
Designed high-contrast, card-collector-friendly interface with holo-foil card sheen CSS animations.
Engineered multi-attribute filtering (Rarity, Type, Price, Set) executing with sub-second response times.
Created client-side order invoice compiler formatting item names, quantities, and totals into WhatsApp text.
Configured PostgreSQL database for rapid inventory management and card status updates.
Non-Trivial Trade-Offs & Decisions
Optimizing Card High-Resolution Image Loading on Mobile
System Friction: TCG collectors scrutinize card edges and surface condition, demanding high-resolution images that originally caused heavy page bloat and slow scrolling.
Architectural Decision: Implemented Next.js Image optimization with responsive WebP sizing, blur placeholders, and aggressive lazy loading for off-screen cards.
Measured Outcome: Page load size reduced by 78% while preserving crystal-clear card detail upon zooming.