Portfolio Viewer

Other
Cursor
PPatrick Federi

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.

Comments

Please sign in to comment
Loading comments...