A modern and interactive web application built with React and Vite, serving as a comprehensive Pokédex for the first 151 Pokémon. The app allows users to browse, search, and view detailed information for each Pokémon, including their types, stats, sprites, and move descriptions — all enhanced with efficient data caching and a vibrant UI.
-
🔍 Browse Pokémon
Explore the original 151 Pokémon from the Kanto region. -
🔎 Search Functionality
Instantly filter Pokémon by name or Pokédex number. -
📋 Detailed Pokémon View
See each Pokémon’s:- Name & ID
- Height & Weight
- Types & Stats
- Sprites (default, shiny, etc.)
-
🎨 Dynamic Type Colors
Each type is visually styled with distinct, vibrant colors for clarity and aesthetics. -
🌀 Move Details Modal
Click any move to open a modal with its full description. -
⚡ Efficient Caching
UtilizeslocalStorageto cache Pokémon and move data, significantly reducing API calls and improving performance on repeat visits. -
📱 Responsive Design
Works flawlessly across devices – from mobile to desktop. -
🧑🎨 Modern UI/UX
Clean layout, colorful themes, smooth transitions, and interactive effects.
-
React
For building dynamic and component-based user interfaces. -
Vite
Lightning-fast development server and optimized builds. -
PokeAPI
Source of all Pokémon data via RESTful API. -
HTML5 & CSS3
Semantic structure and modern styling. -
Custom CSS (
fanta.css&index.css)
For a stylish, responsive, and vivid appearance. -
JavaScript (ES6+)
Application logic and interactivity.