Skip to content

README.md

Latest commit

 

History

History
80 lines (62 loc) · 1.84 KB

README.md

File metadata and controls

80 lines (62 loc) · 1.84 KB

📸 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.