photo-gallery.mp4
A modern, full-stack photo gallery application built with Next.js and Convex. Features real-time image management, intuitive drag-and-drop uploads, and a responsive design optimized for both desktop and mobile experiences.
- 🖼️ Smart Image Upload - Drag-and-drop interface with instant preview
- 📱 Responsive Grid Layout - Optimized viewing experience across all devices
- 🔍 Real-time Search - Find images instantly by filename
- 📄 Intelligent Pagination - Smooth navigation through large image collections
- 🗑️ Safe Delete Operations - Confirmation dialogs prevent accidental deletions
- ⚡ Loading States - Skeleton loaders and progress indicators for better UX
- 🔔 Toast Notifications - Real-time feedback for all user actions
- 🚀 Real-time Updates - Live synchronization across multiple clients
- ⚛️ Next.js 14 – Full-stack React framework with App Router
- 🔄 Convex – Real-time backend-as-a-service with file storage
- 📤 React Dropzone – Modern drag-and-drop file upload component
- 🎨 React Icons – Comprehensive icon library
- 💨 Tailwind CSS – Utility-first CSS framework for rapid styling
- 🍞 Sonner – Beautiful toast notification system
- 📝 TypeScript – Type-safe development experience