A vibrant and interactive Pokémon encyclopedia. Browse, search, and view detailed stats for 1,025+ Pokémon — complete with a TCG card gallery and competitive deck recommendations for Pokémon TCG Pocket.
Live Demo: https://pokemondexs.netlify.app
- Comprehensive Library — Browse 1,025+ Pokémon from all 9 generations
- Smart Search — Find any Pokémon instantly by name
- Detailed Stats — Base stats, types, abilities, height, weight, and Pokédex description
- TCG Card Gallery — Latest Trading Card Game cards with smooth horizontal scroll & hover effects
- Meta Deck Recommendations — Competitive deck suggestions for Pokémon TCG Pocket
- Dark / Light Mode — Toggle with preference saved to localStorage
- Responsive Design — Works beautifully on mobile and desktop
| Technology | Purpose |
|---|---|
| React 18 + Vite | UI Framework & Build Tool |
| Tailwind CSS | Styling |
| PokéAPI | Pokémon Data |
| Pokémon TCG API | Card Gallery |
| Axios | HTTP Client |
| React Router v6 | Client-side Routing |
-
Clone the repository
git clone https://github.com/Ilhamaji/PokeDex.git cd PokeDex -
Install dependencies
yarn install
-
Configure environment variables
cp .env.example .env
Edit
.envand fill in:VITE_POKEAPI_BASE_URL=https://pokeapi.co/api/v2 VITE_TCG_API_KEY=your_key_from_pokemontcg.io
# Development server
yarn dev
# Production build
yarn build
# Preview production build
yarn preview- PokéAPI v2 —
/pokemon,/pokemon-species - Pokémon TCG API v2 —
/v2/cards(requires free API key from pokemontcg.io)
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/NewFeature) - Commit your Changes (
git commit -m 'Add NewFeature') - Push to the Branch (
git push origin feature/NewFeature) - Open a Pull Request
Distributed under the MIT License.
Ilham Aji · @ilhmsap · github.com/Ilhamaji
Project: github.com/Ilhamaji/PokeDex
Disclaimer: Fan-made project. Pokémon and all related names are trademarks of Nintendo/Game Freak.