📸 GallaryApplication

A lightweight image gallary built using React and Tailwind CSS.
This project demonstrates basic API integration, minimal functionality, and simple pagination for browsing images.

---

🚀 Features

• Built entirely with React and Tailwind CSS (no extra frameworks).
• Fetches images from a simple API.
• Displays images in a clean, responsive grid layout.
• Includes pagination to navigate through image sets.
• Minimal functionality for easy understanding and extension.

---

🛠️ Tech Stack

• React – Component-based UI library
• Tailwind CSS – Utility-first CSS framework for styling
• API – Provides image data for the gallary

---

📂 Project Structure

GallaryApplication/
│── src/
│   ├── components/
|   |   ├── Prev.jsx
│   │   ├── Next.jsx
│   │   ├── Card.jsx
│   ├── App.jsx
│   ├── index.js
│── public/
│── package.json
│── README.md

---

⚙️ Installation & Setup

1. Clone the repository:

   git clone https://github.com/your-username/GallaryApplication.git

2. Navigate to the project folder:

   cd GallaryApplication

3. Install dependencies:

   npm install or npm i

4. Start the development server:

   npm run dev

---

📖 Usage

• The app fetches images from the API and displays them in a grid.
• Use the pagination controls at the bottom to move between pages.
• Tailwind ensures the gallary is responsive across devices.

---

🔮 Future Improvements

• Add search and filter functionality.
• Implement infinite scrolling.
• Enhance UI with animations and hover effects.
• Add error handling and loading states.

📜 License

This project is open-source and available under the MIT License.

---