Who's That Pokémon?
Overview
A feature-rich 'Who's That Pokémon?' game built with Next.js 16, offering three distinct game modes: Silhouette Mode (classic guessing), Trivia Mode (Pokédex descriptions with type hints), and Trainer Stats (progress tracking). Features a minimizable audio player with authentic Pokémon soundtrack (Pallet Town, Cinnabar Island), Pokémon cries, and retro UI sounds. Includes persistent stats tracking with streak management, daily play streaks, and win rates stored via localStorage. Fully accessible with WCAG 2.1 compliance, ARIA labels, keyboard navigation, and mobile-optimized responsive design with hamburger menu. Integrates PokeAPI with retry logic, generation filtering (Gen 1-9), and a Kalos Pokédex-styled release notes system.
Tech Stack
The Problem
Creating an engaging, accessible retro-styled game with multiple play modes, comprehensive audio system (BGM + SFX + Pokémon cries), persistent stats tracking, and mobile-responsive design while handling browser audio policies, API rate limiting, and complex state management across game modes.
The Solution
Implemented three distinct game modes (Silhouette, Trivia, Stats) with modular component architecture, minimizable audio player using Web Audio API for synthesized retro SFX, localStorage-based stats manager tracking streaks and win rates, release notes system with version tracking, full WCAG 2.1 accessibility compliance with ARIA labels and keyboard navigation, mobile-optimized responsive design with hamburger navigation, and PokeAPI integration with exponential backoff retry logic for reliability.