feature/pokemon-battle
Pokédex and turn-based battle simulator
An interactive Pokémon web application combining a searchable Pokédex with detailed Pokémon information and a turn-based battle experience.
- Role
- Front End Developer
- Timeline
- 2026
- Team
- Personal project
- Status
- Live and in useLive
- Stack
C3
Story
The problem
A Pokémon catalogue can become difficult to use when users need to quickly find specific Pokémon, understand their stats and move from browsing into an interactive battle experience.Users need a fast way to search Pokémon, understand their stats and start battles.
What I built
A component-driven React application with real-time Pokémon search and filtering, detailed stat visualization and a turn-based battle system that manages battle state and player interactions.A React app combining searchable Pokémon data, stat views and turn-based battles.
What I learned
The project strengthened my understanding of component-driven React architecture, state management, API-driven interfaces and managing complex UI state across multiple battle turns.I strengthened my React architecture, API integration and battle-state management skills.
Screens
Pick two Pokémon and compare stats 
Responsive Pokédex and battle screens
How a request moves
The React application retrieves Pokémon data, transforms it into reusable UI components, and manages search, filtering, stat visualization and battle state entirely through the frontend.
React frontend
Pokédex, details and battle interface
State management
Search, selection and battle logic
PokéAPI
Pokémon data and statistics
HTTPSJSON
APIPokemon data
React frontend
Pokédex, details and battle interface
- HTTPS ↓
State management
Search, selection and battle logic
- API ↓
PokéAPI
Pokémon data and statistics
Outcome
- 3core experiences3experiences
- 2interactive systems2systems
- 1React application1application
- 100%responsive interface100%responsive
The project combines API-driven Pokémon data, real-time search and filtering, visual stat exploration and turn-based battle logic into one responsive React experience.One responsive React app combining a Pokédex, stat visualization and turn-based battles.
Next project