🖼️ Pagination Image Gallery

A responsive image gallery website built using React.js and Tailwind CSS.

The application fetches images from an API and displays them with captions and pagination functionality.

---

🚀 Features

• Fetch Images from API
• Display Image Captions
• Responsive Design
• Pagination System
• Previous & Next Buttons
• Show 5 Page Numbers at a Time
• 10 Images Per Page
• Open Original Image on Click

---

🛠️ Technologies Used

• React.js
• Tailwind CSS
• JavaScript
• REST API

---

📂 Project Structure

project-folder/
│
├── src/
│   ├── components/
│   ├── App.jsx
│   ├── main.jsx
│
├── public/
├── package.json
└── tailwind.config.js

---

⚡ How It Works

1. Images are fetched from an API

2. First 10 images are displayed

3. Users can:

   • Navigate pages
   • Use Previous & Next buttons
   • Click images to open original links

4. Pagination updates dynamically

---

🎯 Purpose of This Project

This project was created to practice:

• React.js Components
• API Fetching
• Pagination Logic
• Responsive UI Design
• Tailwind CSS Styling
• State Management

---

👨‍💻 Developer

Muhammad Ishaq Frontend Developer from Pakistan 🇵🇰

---

📄 License

This project is open-source and free to use.