{"repo":"hoangsonww/The-Pokedex-Database","free":true,"listed":false,"github":"https://github.com/hoangsonww/The-Pokedex-Database","clone":"git clone https://github.com/hoangsonww/The-Pokedex-Database.git","description":"🐱 An interactive Pokédex app built with Next.js, Tailwind CSS, and React Query for blazing-fast performance and smooth UX. Includes live search, item explorer, and a favorites system powered by browser storage.","language":"TypeScript","stars":16,"topics":["framer-motion","full-stack","next","nextjs","pokeapi","pokedex","pokemon","pokemon-api","react","shadcn"],"license":"MIT","category":"databases-storage","readme_excerpt":"Pokédex App 🏆✨ A beautifully designed, feature-rich Pokédex built with Next.js (React), Tailwind CSS, React Query, and PokeAPI 🐱. Live Web App: https://pokedex-db.vercel.app/. 🚀 Feel free to explore the app and its features! --- 🚀 Features - Pokémon List - Displays all Pokémon in a responsive grid (48 per page). - Client-side pagination with next/previous controls. - Instant search with 200 ms debounce to filter by name. - Items List - Displays all game items in a similar paginated grid. - Search bar with debounce for item names. - Favorites - Click the ★ icon on any Pokémon card to toggle favorite. - Favorites are persisted in localStorage . - Separate “Favorite Pokémon” section that supports search and pagination. - Animated Transitions - framer-motion layout animations for smooth grid reflows. - Accessible UI - Keyboard event handlers: Enter to submit, Backspace to delete, letter keys to type. - Heroicons search icon, focus rings, and high-contrast text. - Offline-Friendly - Core data (all 100 000+ Pokémon & items) is fetched once and cached via React Query. - Optional Self-Hosted API - Supports running a custom .NET (C#) backend replicating the PokeAPI schema - Completely optional — you can still use the public PokeAPI without any backend setup. --- 🧰 Tech Stack - Next.js (React + file-based routing) - TypeScript , React Query ( @tanstack/react-query ) - Tailwind CSS for utility-first styling - Framer Motion for animations - Heroicons for SVG icons - PokeAPI (public ","default_branch":null,"files":null,"tree":[],"storefront":"/r/hoangsonww","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/hoangsonww/The-Pokedex-Database/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}