A React-based photo sorting application built with Next.js and Tailwind CSS.
- Load photos from folders
- Sort photos into custom albums
- Create and manage custom albums
- Accept, reject, or hold photos
- Keyboard navigation support
- Export selected photos
- Save and load progress
- Mobile responsive design
- Node.js (version 18 or higher)
- npm or yarn package manager
-
Extract the project files to your desired directory
-
Navigate to the project directory ```bash cd photo-selector ```
-
Install dependencies ```bash npm install
yarn install ```
-
Run the development server ```bash npm run dev
yarn dev ```
-
Open your browser and go to
http://localhost:3000
To create a production build:
```bash npm run build npm start ```
- Click "Load Photos" to select a folder containing images
- Use the action buttons or keyboard shortcuts to sort photos:
- Accept: Add photo to selected album (Press 1 or A)
- Hold: Put photo on hold for later review (Press 2 or H)
- Reject: Remove photo from selection (Press 3 or R)
- Create custom albums using the "+" button in the Albums sidebar
- View accepted and held photos in their respective tabs
- Export your selections or save progress for later
- Arrow Keys: Navigate between photos
- 1 or A: Accept current photo
- 2 or H: Hold current photo
- 3 or R: Reject current photo
``` photo-selector/ ├── app/ │ ├── page.tsx # Main application component │ ├── layout.tsx # Root layout │ └── globals.css # Global styles ├── package.json # Dependencies and scripts ├── next.config.mjs # Next.js configuration ├── tailwind.config.ts # Tailwind CSS configuration └── README.md # This file