https://github.com/devtakkekar/pokedex

A Pokédex
https://github.com/devtakkekar/pokedex

api css html javascript minimalistic pokeapi pokedex pokemon

Last synced: 2 months ago
JSON representation

A Pokédex

• Host: GitHub
• URL: https://github.com/devtakkekar/pokedex
• Owner: devtakkekar
• Created: 2025-05-24T05:27:45.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-05-25T07:46:27.000Z (about 1 year ago)
• Last Synced: 2025-07-22T11:48:09.547Z (11 months ago)
• Topics: api, css, html, javascript, minimalistic, pokeapi, pokedex, pokemon
• Language: CSS
• Homepage: https://devtakkekar.github.io/pokedex/
• Size: 109 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Pokédex 

A modern web-based Pokédex application that lets you explore and discover Pokémon from all generations. Built with pure JavaScript, HTML/CSS, and integrated with the PokéAPI.

## Preview

![image](https://github.com/user-attachments/assets/9fe99b3e-621f-480e-aeff-723f65626f1b)

![image](https://github.com/user-attachments/assets/3aa49252-8200-4647-8045-c3538371e027)

## Features

### Core Functionality:

- Complete Pokémon Database: Displays all Pokémon from Gen I to latest generations

- Detailed Pokémon Profiles: Click any card to view:

- Base stats with animated progress bars

- Height/Weight measurements

- Characteristic moves

- Official descriptions

- Type effectiveness visualization

- Evolutionary chain navigation

### Interactive Features:

- 🔍 Smart Search: Find Pokémon by name or ID

- 🎚️ Advanced Filtering:

- Type-based filtering (18+ types)

- Multi-type combination filters

- 🔄 Sorting Options: By National ID or Alphabetical

- ♾️ Infinite Scroll: Automatically loads more Pokémon as you scroll

### UI/UX Highlights:

- Modern responsive design

- Type-specific color schemes

- Animated card interactions

- Smooth modal transitions

- Loading indicators

- Keyboard navigation (← → arrows in modal)

- Mobile-first responsive design

### Technical Features:

- Real-time API data fetching

- Client-side caching

- Error handling

- Progressive rendering

- CSS custom properties

- Flexbox/Grid layouts

### Design Elements:

- Custom Pokémon-type color system

- Material Design icons

- Pokéball background texture

- Modern glassmorphism effects

- Adaptive dark/light theme elements

### Technologies Used

- Frontend: Vanilla JavaScript, HTML5, CSS3

- API: PokéAPI

- Hosting: Static files (no build required)