PHP Gallery

A responsive image gallery web application built with PHP, JavaScript, and CSS. Features a clean grid layout, image upload functionality, and an elegant lightbox viewer.

Features

• Responsive Grid Layout: Images are displayed in a 4-column responsive grid that adapts to different screen sizes
• Image Upload: Easy-to-use upload interface with live preview
• Lightbox Viewer: Click on any image to view it in full-screen mode with a smooth overlay
• JSON-Based Storage: Images are tracked in a JSON file for easy management
• Hover Effects: Interactive hover effects with smooth transitions
• Image Preview: Preview images before uploading

Tech Stack

• Backend: PHP
• Frontend: JavaScript, HTML5, CSS3
• Storage: JSON file for image metadata

1. Access the application

   • Gallery: {site_url}/index.html
   • Upload: {site_url}/upload.php

Usage

Viewing the Gallery

1. Images are displayed in a responsive grid layout
2. Hover over any image to see the overlay effect
3. Click on an image to view it in full-screen lightbox mode
4. Click the X button or anywhere outside the image to close the lightbox

License

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

Author

Created with ❤️ by Aromal