📚 PokéLibrary – Repository Description (Updated with Fanta CSS) PokéLibrary is an interactive Pokémon reference app built with React and Vite, styled using a custom CSS file (fanta.css). It connects to the official PokéAPI REST service to fetch real‑time Pokémon data and presents it in a clean, responsive interface. 🔗 You can explore the live project here:
PokéLibrary Live Demo

🔎 Features

• Browse and search the first 151 Pokémon
• View detailed Pokémon cards with stats, abilities, and type badges
• Explore multiple sprite variations and official artwork
• Click on moves to open a modal overlay with descriptions
• LocalStorage caching to reduce API calls and improve performance

🛠️ Tech Stack (PokéLibrary)

• Frontend Framework: React + Vite
• Styling: Custom CSS (fanta.css)
• Data Source: PokéAPI (REST API)
• State Management: React hooks (useState, useEffect)
• Caching & Persistence: LocalStorage
• Used to store Pokémon data and move descriptions
• Reduces repeated API calls
• Improves performance and user experience by loading cached data instantly
• Deployment: Hosted on pokelibrary.webstudiobydee.com via Hostinger

🔎 Why LocalStorage matters Adding LocalStorage to your tech stack shows:

• You understand client‑side persistence (keeping data across sessions).
• You’ve implemented a caching strategy to avoid hitting the API too often.
• You’re thinking about performance optimization and user experience.

🎯 Purpose This project demonstrates practical frontend skills: API integration, state management, caching, and modular component architecture. It’s both a learning exercise and a showcase of building fun, interactive apps with modern tooling — while highlighting custom CSS design instead of relying on frameworks.