Find it on Render: https://pokemon-battle-game-zbom.onrender.com/
A full-featured Pokédex-style FE web application built with React, Tailwind CSS, and the PokéAPI. Users can browse Pokémon, view their stats, add them to a personal roster (favorites), and prepare for battles.
✅ Browse 150 Pokémon
✅ View detailed Pokémon stats
✅ Add/Remove Pokémon from your roster (favorites)
✅ Roster Data persisted with localStorage
✅ Responsive design using Tailwind CSS
✅ Modular and scalable component architecture
- React (with functional components & hooks)
- React Router v6+
- Tailwind CSS for styling
- PokéAPI for data fetching
- localStorage for state persistence
- Context API for global state (favorites/roster)
clone the repository
npm i npm i framer-motion
create an .env file with
VITE_APP_POKEMON_BATTLE_API_URL=
Have fun catching them all!