Photo-Gallery

Photo Gallery

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.

Project Demo


Features

  • 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

🛠️ Tech Stack

  • 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

Built with ❤️ by Aditya Prakash