A responsive web application that fetches and displays data from the PokéAPI. The website categorizes Pokémon by their types and provides detailed information about each Pokémon.
- Displays Pokémon cards with images, types, and ID
- Filter Pokémon by their types (fire, water, grass, etc.)
- Sort by ID, name, attack, or defense
- Detailed view showing base stats, abilities, and evolution chain
- Professional and clean design with Pokémon branding colors
- Modern CSS animations for transitions and interactions
- Responsive design that works on both desktop and mobile
- Type-themed navigation with color-coding
- Modal for viewing detailed information
- Clean and professional interface
- JavaScript (ES6+) for API calls and dynamic content rendering
- HTML5 for structure
- CSS3 for styling (with CSS variables for theming)
- Fetch API for API requests
- PokéAPI - For Pokémon data
- Clone this repository
- Open
index.htmlin your browser
- Click on any Pokémon type in the navigation to filter the display
- Each type has its own color theme for easy identification
- "All Types" option to show the complete collection
- Sort by ID (default) - Shows Pokémon in numerical order
- Sort by Name - Alphabetical ordering
- Sort by Attack - Shows strongest attackers first
- Sort by Defense - Shows best defenders first
- Base stats with visual representation (HP, Attack, Defense, etc.)
- Type information with color coding
- Physical attributes (height, weight)
- Evolution chain with arrows showing progression
- Abilities list
- Add pagination for better performance
- Implement advanced filtering (combine multiple types)
- Create comparison feature for stats
- Add favorites functionality with local storage
- Add search by name functionality
This project is licensed under the MIT License - see the LICENSE file for details.