About This Project A modern, responsive photography portfolio website for myself, showcasing my photography work. The site presents a carefully curated collection of photographs focusing on drone photography, street photography, and creative image composition. Key Features π± Responsive Design: Optimized for Desktop, Tablet, and Mobile π¨ Modern UI: Dark theme with elegant animations πΌοΈ Image Gallery: Image presentation with modal views π Collections: Thematically organized image collections π Admin Panel: Complete content management functionality π Performance: Optimized with Next.js and Vercel π§ Admin Panel The admin panel enables complete portfolio management: π Dashboard Overview - Statistics: Count of active/hidden images - Sync Status: Last update from Unsplash - Quick Access: To all important functions π¨Collection Management - Activate/Deactivate Collections: Which collections are displayed - Reorder Collections: Drag & drop for custom sorting - Set Cover Images: Each collection can have its own title image - Manage Images: Within each collection πΌοΈ Image Management - Status Management: Activate/hide images - Featured Images: Highlighted images for special presentation - Unsplash Sync: Automatic image database updates - Title Suggestions: AI-powered title generation for new images - Filters & Search: Quick image search by title or collection π Automatic Synchronization - Unsplash Integration: Automatic image and collection imports - Performance Optimized: Batch processing and rate limiting - Error Handling: Robust synchronization with retry logic π οΈ Technical Architecture - Frontend: Next.js 16 with TypeScript - Styling: Tailwind CSS with custom animations - Backend: Supabase (PostgreSQL + Auth) - Deployment: Vercel with automatic builds - Image Storage: Supabase Storage + Unsplash API - Security: RLS policies, input validation, XSS protection All done in roughly 20 hours with Cursor and Grok Agent. Claude 4.5 for complex work.