Poke-X

Poke-X is a simple web application built with React that fetches data from the PokéAPI to display a collection of Pokémon with dynamic filtering and sorting features.

🧰 Tech Stack

• React – for building the UI
• CSS – for styling
• PokéAPI – to fetch Pokémon data

✨ Features

• Display a list of Pokémon with images and details.
• Filter by Pokémon type.
• Sort alphabetically or by ID.
• Responsive design for different screen sizes.

🚀 Getting Started

Clone the repository and run the app locally:

git clone https://github.com/AM-XIX/Poke-X.git
cd Poke-X
npm install
npm start

🎯 Purpose

This project was developed as a practice exercise in consuming APIs, handling state in React, and working with filtering/sorting mechanisms on dynamic data.

📸 Preview

[Insert screenshot or demo GIF here if desired]

📁 Structure

• src/ – React components and main logic
• App.jsx – main app structure
• pokemonData.js – fetch and process API data

🧠 Learnings

• Working with external APIs
• Managing state and props in React
• Building responsive and interactive UI

📎 Links

• PokéAPI
• GitHub Repository

---

Feel free to contribute or fork!