Pokémon Library (PokeDex)

Live demo: https://AmarKoonar.github.io/Pokemon_Library

This is a simple Pokédex-style web app built using React and Bootstrap. It displays a list of Pokémon with styling based on their types. I created this project as a way to test out various design ideas, layout approaches, and experiment with dynamic UI concepts using Bootstrap and modular CSS.

---

🚀 Features

• Fully responsive card-based layout
• Styled using Bootstrap 5 with minor customization
• Dynamic backgrounds based on Pokémon types
• Dark mode-aware design (manually customized)
• Hover and interactive effects

---

🛠️ Run Locally

To run the project locally on your machine:

1. Clone the repository

git clone https://github.com/AmarKoonar/Pokemon_Library.git
cd Pokemon_Library

2. Install dependencies

Make sure you have Node.js installed. Then run:

npm install

Also install Bootstrap if not already included:

npm install bootstrap

3. Run the development server

npm run dev

The app should now be running at:

http://localhost:5173

If the port is different, Vite will show you the correct URL in the terminal.

4. Optional: Build for production

If you want to generate an optimized production build:

npm run build

This will output the files into the dist/ directory.

5. Optional: Preview the production build locally

To test your build before deployment:

npm run preview

📁 Built With

• React
• Vite
• Bootstrap
• PokéAPI (if API used)

---

📄 License

This project is for personal and educational use.