This Pokédex app is a full-stack project that brings the world of Pokémon to your fingertips. By combining data collection, backend logic, and a dynamic frontend, it allows users to explore detailed Pokémon information seamlessly.

To begin, a web scraper built with BeautifulSoup was used to collect Pokémon data from PokémonDB. This data was then stored in a MongoDB database. The Flask backend interacts with the database through RESTful API endpoints, providing structured data to the React frontend, which dynamically displays detailed Pokémon information to the user.

The app includes several core features that highlight its full-stack capabilities for an interactive experience for users:

• MongoDB Integration: Efficiently stores and manages Pokémon data for fast retrieval.
• RESTful API: Flask-based API for querying Pokémon by name, type, or other attributes.
• Detailed Pokémon Data: Includes stats, abilities, and learnable moves for each Pokémon.
• Filtering & Pagination: Enables seamless browsing and searching through large datasets.
• Unique ID System: Handles alternate Pokémon forms and names using unique identifiers.

Beyond these core features, the app also implements an advanced search and filtering system designed to make exploring the Pokédex both efficient and intuitive. Users can search for Pokémon by name or filter them by type, allowing for quick discovery of specific Pokémon or entire categories such as Water, Fire, or Electric types. Additionally, the move database supports filtering by type and category, enabling users to refine results based on whether a move is Status, Special, or Physical. This multi-layered filtering system ensures users can easily navigate the extensive dataset and tailor their experience to focus on the Pokémon or moves they’re most interested in.

Clicking on a Pokémon’s name redirects users to a dedicated Pokémon information page, where detailed stats are displayed visually using bar graphs for a clearer representation of each Pokémon’s strengths and weaknesses. From this page, users can also explore Pokémon-specific movesets, with search functionality that allows filtering through the moves each Pokémon can learn. This provides a deeper, more personalized browsing experience that combines visual data presentation with flexible search capabilities.

Overall, this Pokédex app showcases the power of combining data-driven backend architecture with an interactive frontend. By integrating efficient search and filtering systems, detailed data visualization, and dynamic Pokémon-specific pages. It serves as a comprehensive demonstration of full-stack development, highlighting skills in web scraping, API design, database management, and frontend development. Ultimately, the project is supposed to reflect a strong focus on both technical implementation and user-centered design, resulting in a functional and visually appealing application.