Skip to content

README.md

Latest commit

 

History

History
87 lines (55 loc) · 1.79 KB

README.md

File metadata and controls

87 lines (55 loc) · 1.79 KB

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

📄 License

This project is for personal and educational use.