An interactive Pokedex application built with HTML, Tailwind CSS, and JavaScript, integrating multiple Pokémon APIs for a rich and engaging experience.
-
Pokémon API (PokeAPI)
- Description: Provides detailed Pokémon information (stats, types, abilities, evolution).
- Endpoint:
https://pokeapi.co/api/v2/pokemon/{id or name}
- Docs: PokeAPI Documentation
-
Pokémon TCG API
- Description: Provides Pokémon Trading Card Game data (cards, images, stats).
- Endpoint:
https://api.pokemontcg.io/v2/cards?q=name:{name}
- Docs: Pokémon TCG API Documentation
- 🔍 Search Functionality → Search Pokémon by name
- 📊 Pokémon Details → Stats, types, abilities, and more
- 🔗 Evolution Chain → Visual evolution progression
- 🎴 Trading Cards → Display Pokémon TCG cards
- ❓ Pokémon Quiz → Interactive quiz to test type knowledge
# Clone repository
git clone https://github.com/your-username/interactive-pokedex.git
cd interactive-pokedex
Open index.html
in your browser to run the application.
- Search Pokémon → Enter a name in the search bar.
- View Details → Click a Pokémon card to see stats, abilities, and evolution chain.
- Explore TCG Cards → Related trading cards display in details view.
- Take the Quiz → Test knowledge of Pokémon types.
- PokeAPI → Core Pokémon data
- Pokémon TCG API → TCG integration
- MDN Web Docs → General references
- W3C → Standards and validation guidelines
- 🏷️ ARIA Labels for screen readers
- ⌨️ Keyboard Navigation supported
- 🎨 High Contrast Mode for readability