mmainguy/photos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
6 Commits 1 Branch 0 Tags 185 KiB
TypeScript 95.6%
CSS 4%
JavaScript 0.4%
f6b651eeda
Go to file
Michael Mainguy f6b651eeda Add full-resolution image modal with zoom and navigation capabilities 
- Create ImageModal component with professional photo viewing experience
- Support zoom in/out, pan, rotate, and full-screen display
- Add photo navigation with arrow keys and previous/next buttons
- Include comprehensive keyboard shortcuts and visual controls
- Implement proper image centering and aspect ratio preservation
- Create full-resolution image API endpoint with range request support
- Display rich EXIF metadata in modal header with camera settings

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-27 08:58:33 -05:00
.idea Initial Next.js photo gallery application 2025-08-26 13:24:38 -05:00
src Add full-resolution image modal with zoom and navigation capabilities 2025-08-27 08:58:33 -05:00
.gitignore Add SQLite database and directory management system 2025-08-26 14:26:55 -05:00
CLAUDE.md Initial Next.js photo gallery application 2025-08-26 13:24:38 -05:00
next.config.js Add photo scanning with EXIF metadata extraction and thumbnail caching 2025-08-27 08:35:07 -05:00
package-lock.json Add photo scanning with EXIF metadata extraction and thumbnail caching 2025-08-27 08:35:07 -05:00
package.json Add photo scanning with EXIF metadata extraction and thumbnail caching 2025-08-27 08:35:07 -05:00
postcss.config.mjs Initial Next.js photo gallery application 2025-08-26 13:24:38 -05:00
README.md Improve directory modal with keyboard navigation and README 2025-08-26 14:03:36 -05:00
tsconfig.json Initial Next.js photo gallery application 2025-08-26 13:24:38 -05:00

README.md

Photos Gallery

A Next.js application for displaying and organizing photos.

Prerequisites

macOS CIFS Share Access

If you're running this application on macOS and accessing photos from a mounted CIFS share, you'll need to grant your terminal application full disk access:

  1. Open System Preferences → Security & Privacy → Privacy
  2. Select Full Disk Access from the left sidebar
  3. Click the lock icon and enter your password to make changes
  4. Click the + button and add your terminal application (e.g., Terminal.app, iTerm2, etc.)
  5. Restart your terminal application

This is required because macOS restricts access to network-mounted drives without explicit permission.

Getting Started

npm install
npm run dev

Open http://localhost:3000 in your browser.