Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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 image

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)