📸 CodeAlpha Image Gallery

---

🌟 Overview

The CodeAlpha Image Gallery is a fully responsive, visually appealing image showcase built using HTML, CSS, and JavaScript as part of the CodeAlpha Frontend Development Internship.

This project includes a modern UI, smooth hover animations, an elegant lightbox view, and navigation controls — all crafted to deliver a clean and immersive user experience across all screen sizes.

---

✨ Features

• 🖼️ Responsive Image Grid that adapts beautifully on phones, tablets, and desktops
• 🔍 Lightbox Image Viewer with smooth fade-in animations
• ⏭️ Next/Previous Navigation for seamless browsing
• 🎨 Modern UI with hover transitions and shadows
• 📱 Mobile-ready touch interactions
• 🧩 Easy-to-read and clean project structure

---

📂 Project Structure

CodeAlpha_ImageGallery/
│
├── index.html      → Main gallery layout
├── style.css       → Styling + animations + responsiveness
└── script.js       → Lightbox & navigation logic

---

🚀 Getting Started

Follow these simple steps to run the project locally:

1️⃣ Clone the Repository

git clone https://github.com/chendhukprit/CodeAlpha_ImageGallery.git

2️⃣ Open the Project

• Navigate into the project folder
• Open index.html in any modern browser

✔ No installation or dependencies required!

Everything works offline.

---

---

📱 Responsiveness

This project has been tested and optimized for:

• 📱 Mobile Devices
• 📲 Tablets
• 🖥️ Laptops & Desktops
• 🖼️ Large Screens

The grid layout, spacing, and image scaling automatically adjust for each resolution.

---

🛠️ Technologies Used

• HTML5 for structure
• CSS3 for styling, transitions, grid layout, and responsiveness
• JavaScript for lightbox functionality and navigation

---

🌈 Future Improvements

Some enhancements you could add:

• 🗂️ Category Filters (Nature | Cars | Animals)
• 🌓 Dark/Light Mode Toggle
• 🎞️ Slideshow autoplay
• 🔍 Search bar to filter images
• 📤 Image upload functionality

If you'd like help adding any of these, just ask!

---

🙌 Acknowledgements

This project was created as part of the CodeAlpha Frontend Development Internship, exploring real-world frontend concepts with clean UI/UX practices.

---

⭐ Support

If you found this project helpful or visually appealing:

👉 Please give the repository a star! ⭐

It motivates further learning and improvements.

---

🎉 Thank you for checking out the Image Gallery project! Let me know if you'd like a README banner, animated preview, or more enhancements.