An interactive and responsive image gallery built with React and TailwindCSS. The gallery allows users to view, navigate, and select images seamlessly with a clean UI.
- 💻 Source Code
- 🌐 Live Demo 😍
The goal is to build a modular image gallery where users can:
- View a selected image in the main viewer.
- Navigate through images (Next / Previous).
- Quickly select images via thumbnails.
- 🖼️ Main Viewer: Show the selected image with navigation controls.
- 🔍 Thumbnails: Display clickable thumbnails for quick selection.
- ⚛️ State Management: Use React hooks to track the current image.
- 📱 Responsive Design: Ensure it works smoothly across devices with TailwindCSS.
- 🧩 Reusable Components: Keep code modular and well-organized.
- Page Layout → Organize components into a clean and structured layout.
- Component Design → Ensure each component is modular and reusable.
- State Synchronization → Keep the current image state consistent across all components.
- User Experience (UX) → Prioritize responsiveness, accessibility, and ease of use.
- Feel free to add any extra features or enhancements to improve functionality or user experience.