Pokemon Search

A simple web application to search and display Pokemon information using the PokeAPI. Displays Pokemon name, image, and type information.

Features

• Search by name: Find any Pokemon by name
• Official artwork: Displays official Pokemon artwork
• Type badges: Color-coded type indicators for all Pokemon types
• Input validation: Error handling for invalid searches
• Responsive design: Works on desktop and mobile

Technologies

• HTML5
• CSS3
• JavaScript (ES6+)
• jQuery
• Bootstrap 5
• PokeAPI - Pokemon data source

Usage

1. Open index.html in a web browser
2. Type a Pokemon name in the search box (e.g., “pikachu”, “charizard”)
3. Click the Search button or press Enter
4. View the Pokemon’s image, name, and type(s)

Project Structure

.
├── index.html   # Main HTML file
├── script.js    # JavaScript logic and API calls
└── style.css    # Custom styles with type colors

Supported Types

All 18 Pokemon types are supported with their official colors:

Bug, Dark, Dragon, Electric, Fairy, Fighting, Fire, Flying, Ghost, Grass, Ground, Ice, Normal, Poison, Psychic, Rock, Steel, Water

Credits

• PokeAPI for Pokemon data
• Bootstrap for UI components