Skip to content

BradleyMatera/Interactive-Pokedex

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📘 Interactive Pokedex

HTML
TailwindCSS
JavaScript
License: MIT

An interactive Pokedex application built with HTML, Tailwind CSS, and JavaScript, integrating multiple Pokémon APIs for a rich and engaging experience.


🔗 APIs Used

  1. 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
  2. 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

✨ Features

  • 🔍 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

⚙️ Installation

# 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.


▶ Usage

  1. Search Pokémon → Enter a name in the search bar.
  2. View Details → Click a Pokémon card to see stats, abilities, and evolution chain.
  3. Explore TCG Cards → Related trading cards display in details view.
  4. Take the Quiz → Test knowledge of Pokémon types.

📚 Research & Resources


♿ Accessibility

  • 🏷️ ARIA Labels for screen readers
  • ⌨️ Keyboard Navigation supported
  • 🎨 High Contrast Mode for readability

🌍 Live Demo

🔗 Interactive Pokedex Site


Profile views

About

interactive-pokedex

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published