About the Pokemon Card Generator
A fan project for generating interactive Pokemon cards with live data from PokeAPI.
Search, filter, compare, and save cards with new spotlight and mini-game experiences in a clean, responsive interface.
What You Can Do
- Generate random Pokemon cards with stats, region, rarity, and moves.
- Filter by type, region, and rarity to discover specific Pokemon.
- Use the Stat Radar panel to compare base-stat profiles.
- Save cards to Collection and track recently viewed cards.
- Open Pokemon of the Day for a themed spotlight modal with type-gradient visuals.
- Play Who's That Pokemon? with silhouette guessing, timer, options, and answer reveal.
Useful Shortcuts
- Ctrl + Shift + A -> Toggle animations on/off globally
- Ctrl + Shift + S -> Force shiny display for current card
- Ctrl + Shift + G -> Toggle Mega Evolution (when available)
- Shift + W -> Show welcome screen
Navigation Flow
The generator nav is focused on five quick actions:
Pokemon of the Day, Who's That Pokemon?, About, Feedback, and Profile.
What Your Profile Stores
- Trainer identity: trainer name, avatar image, and profile bio.
- Preferences: animation setting and favorite Pokemon type.
- Collection data: captured Pokemon cards, favorites, and saved card details.
- Team data: created teams, team names/descriptions, and selected Pokemon slots.
- Profile stats: captured count, team count, and account join date shown in the Profile page.
Search Tips
Search forms directly using full slugs, for example:
moltres-galar,
charizard-mega-x,
raichu-alola,
lycanroc-midnight
Tech Stack
- HTML, CSS, and vanilla JavaScript
- PokeAPI for Pokemon data
- Supabase for auth and saved collection
Credits
- PokeAPI for open Pokemon data
- Game Freak and Nintendo for the Pokemon universe