Skip to content

Latest commit

 

History

History
76 lines (45 loc) · 1.42 KB

File metadata and controls

76 lines (45 loc) · 1.42 KB

📸 CodeAlpha Image Gallery

🔗 Live Demo: https://quanta1910.github.io/CodeAlpha_ImageGallery/

A modern and responsive Image Gallery Web Application built using HTML, CSS, and JavaScript. It allows users to explore images by categories and view them in an interactive lightbox with smooth navigation.


🚀 Features

  • 🔍 Category-based Filtering

    • Nature 🌿
    • Urban 🏙️
    • Automotive 🚗
    • Creative 🎨
  • 🖼️ Interactive Lightbox Viewer

  • ⬅️➡️ Next / Previous Navigation

  • ⌨️ Keyboard Controls (Arrow Keys + ESC)

  • 📱 Fully Responsive Design

  • 🌙 Modern UI with Blur & Glass Effects

  • ⚡ Smooth animations and transitions


🛠️ Tech Stack

  • HTML5
  • CSS3 (Flexbox, Media Queries, Animations)
  • JavaScript (DOM Manipulation, Events)

🎮 Usage Guide

  • Click on navbar categories to filter images

  • Click any image to open lightbox view

  • Use:

    • ➡️ Right Arrow → Next Image
    • ⬅️ Left Arrow → Previous Image
    • ❌ ESC → Close viewer

💡 Future Improvements

  • 🔎 Search functionality
  • ❤️ Like / Favorite system
  • ☁️ Backend integration (upload images)
  • 🎨 Dark/Light mode toggle

🙋‍♂️ Author

Dhruv Gupta


📄 License

This project is licensed under the MIT License.


⭐ Support

If you like this project, give it a ⭐ on GitHub!