Pokédex 🌱🔥💧

About

This project is a dynamic and user-friendly Pokédex built using the PokéAPI. It allows users to explore Pokémon data, including their types, stats and more, all presented in a visually appealing interface.

Features

• Search for Pokémon: Quickly find details about your favorite Pokémon by name or ID.
• Type Highlights: Pokémon types are styled with unique shadow effects to enhance the visual experience.
• Responsive Design: Fully optimized for both desktop and mobile devices.
• Live Data Fetching: Retrieves real-time data from the PokéAPI to keep information up-to-date.

Tech Stack

• Frontend: HTML, CSS, JavaScript
• API: PokéAPI
• Styling Enhancements: Custom CSS for type shadows and dynamic effects

Steps Involved

1. Planning & Research:

   • Studied the PokéAPI documentation to understand the structure and endpoints.
   • Planned the layout and key features for a functional and aesthetic Pokédex.

2. API Integration:

   • Learned how to make API requests using JavaScript's fetch method.
   • Parsed and displayed Pokémon data dynamically on the webpage.

3. Design & Styling:

   • Designed a clean and responsive interface with HTML and CSS.
   • Used custom CSS box shadows to enhance Pokémon type visuals.

4. Problem-Solving:

   • Debugged issues with API responses and asynchronous data loading.
   • Improved user experience by handling edge cases, like invalid inputs.

5. Learning Outcomes:

   • Gained hands-on experience with working APIs and data integration.
   • Improved my JavaScript skills, especially in working with promises and async/await.
   • Learned best practices for organizing and structuring a web application.

Future Enhancements

• Filter by Type and Generation: Allow users to filter Pokémon based on their types (e.g., Fire, Water) or generation (e.g., Gen I, Gen II).
• Compare Stats: Introduce a feature to compare the stats of two Pokémon side-by-side for better insights.