Image Gallery Web App

This is a simple web application that displays an image gallery with a search functionality and the ability to view images in a larger format. Users can search for specific images, click on them to view in a full-screen mode, and navigate through the gallery.

Table of Contents

• Features
• Prerequisites
• Installation
• Usage
• Contributing
• License

Features

• Display images in a responsive grid layout.
• Search for images by keywords.
• View images in a full-screen mode.
• Navigate between images using keyboard shortcuts or on-screen buttons.
• Automatically generate a collage of images for a visually appealing display.

Prerequisites

Before you begin, ensure you have met the following requirements:

• PHP installed on your web server to generate the list of image files.
• Web server software (e.g., Apache) to host this web application.
• A directory containing the images you want to display.

Installation

1. Clone or download this repository to your web server directory.

   git clone https://github.com/TheTechTiger/IMAGEgallery.git

2. Place your image files in the imgs/ directory within the project.

Usage

1. Open your web browser and navigate to the URL where you have deployed this web application.

2. You will see a search input box at the top of the page. Enter keywords to search for specific images.

3. The gallery will display images that match the search criteria.

4. Click on an image to open it in a full-screen viewer.

5. In the full-screen viewer, you can navigate between images using the on-screen buttons or keyboard shortcuts (Arrow keys or Esc).

6. To exit the full-screen viewer, click the "X" button in the top right corner or press the "Esc" key.

Contributing

Contributions are welcome! If you'd like to contribute to this project, please follow these steps:

1. Fork the repository on GitHub.

2. Clone your fork locally.

   git clone https://github.com/TheTechTiger/IMAGEgallery.git

3. Create a new branch for your feature or bug fix.

   git checkout -b feature/your-feature-name

4. Make your changes, commit them, and push to your fork.

   git commit -m "Your detailed description of the changes"
   git push origin feature/your-feature-name

5. Open a pull request on the original repository, describing your changes and their purpose.

6. Your pull request will be reviewed, and your changes may be merged into the project.

---

Enjoy using the Image Gallery Web App! If you encounter any issues or have suggestions for improvements, please feel free to open an issue.