Skip to content

Quanta1910/CodeAlpha_ImageGallery

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

Responsive Image Gallery with category filtering, lightbox preview, next/previous navigation, keyboard controls and lazy loading built using HTML, CSS and JavaScript.

Topics

Resources

Stars

Watchers

Forks

Contributors