🧭✨ Pokémon Utils ✨🧭

Welcome to the ultimate Pokémon companion app! 🐾

This application is Pokémon Utils: explore and interact with different Pokémon types, search for Pokémon, view rankings, and more.

"The best way to catch a Pokémon is to have fun!" - Ash Ketchum

✨ Features

• 🛡️ Type Checker: Explore Pokémon type strengths, weaknesses, and immunities, powered by data from the PokéAPI.
• 🔍 Pokémon Search: Quickly search for Pokémon by name or ID, with instant filtering and navigation to detailed info pages.
• 📖 Pokémon Details: View comprehensive details for each Pokémon, including stats, types, evolution chains, images (normal, shiny, mega), and Go Battle League rankings.
• 📊 Size Chart: Visualize Pokémon by height with an interactive chart and adjustable range filters.
• 🏆 Rankings: Browse Pokémon rankings, such as for Go Battle League or other criteria.

Built with React ⚛️, it leverages @tanstack/react-query for efficient data fetching and management, ensuring a smooth and responsive user experience. The UI is styled using TailwindCSS 🌈, providing a modern and visually appealing design.

Users can select different Pokémon types to see their strengths, weaknesses, and immunities, with data fetched from the PokéAPI. The app also includes interactive elements like type icons and buttons, enhancing user engagement.

Development is streamlined with Vite for fast builds and a development server, and TypeScript is used throughout the codebase to ensure reliability and maintainability.

npm i
npm run dev

🛠️ Stack

Core Frameworks and Libraries:

• ⚛️ React: For building interactive user interfaces.
• 🔗 @tanstack/react-query: Efficiently fetching and managing Pokémon data.
• 🎨 TailwindCSS: For responsive and visually appealing UI design.
• 🖼️ React Icons: Adding iconography for better visual representation.

Development Tools:

• ⚡ Vite: Fast build and development server for optimal performance.
• 🟦 TypeScript: Enhancing code reliability and maintainability.

🌐 APIs

• PokéAPI (https://pokeapi.co/): Main source for Pokémon data, including types, stats, evolutions, and more.
• HybridShivam Pokémon Assets (https://github.com/HybridShivam/Pokemon): Used for Mega form images and additional Pokémon sprites.

✨ Enjoy exploring Pokémon types with Pokémon Utils! ✨

📚 Other Resources

• GamePress Comprehensive DPS/TDO Spreadsheet (PoGo Raids) – Find detailed DPS/TDO data, raid guides, and more for Pokémon GO.

"A Caterpie may change into a Butterfree, but the heart that beats inside remains the same." - Brock