Lumina Gallery is a premium, high-performance web-based image gallery designed for a seamless visual experience. It features a curated collection of high-quality imagery across Nature, Animals, and Technology, all wrapped in a sleek, modern interface.
- 🎯 Fluid Filtering: Instantly switch between categories (Nature, Animals, Tech) with smooth, hardware-accelerated transitions.
- 🖼️ Immersive Lightbox: View images in full glory with a sophisticated modal featuring navigation controls.
- 📱 Ultra Responsive: Perfectly optimized for all screen sizes, from mobile devices to 4K desktops.
- 📥 One-Click Downloads: Easily save your favorite images directly from the lightbox view.
- ⌨️ Keyboard Navigation: Integrated support for Escape keys and arrow navigation.
- 🎨 Premium Aesthetics: Custom typography (Outfit), glassmorphism effects, and a refined dark/light balance.
- Frontend: Semantic HTML5 & Vanilla Javascript (ES6+)
- Styling: Modern CSS3 (Grid, Flexbox, Variable-based design system)
- Typography: Google Fonts - Outfit
- Deployment: Integrated with GitHub and ready for Netlify/Vercel.
To run this project locally, follow these simple steps:
-
Clone the repository:
git clone https://github.com/govardhangantla/CodeAlpha_Image_Gallery.git
-
Navigate to the directory:
cd CodeAlpha_Image_Gallery -
Open the project: Simply open
index.htmlin your favorite web browser or use a Live Server extension in VS Code.
├── assets/ # High-resolution image assets
├── index.html # Main entry point & semantic structure
├── style.css # Design system and layout logic
├── script.js # Gallery logic, filtering, and lightbox
└── README.md # Project documentation
- 🍃 Nature: Exploring lush forests, snowy mountains, and tranquil oceans.
- 🐾 Animals: Majestic wildlife portraits from tigers to owls.
- 💻 Technology: Abstract data visualizations and modern tech setups.
This project is licensed under the MIT License - see the LICENSE file for details.
Created as part of the CodeAlpha Web Development Internship.