Add complete frontend implementation and Docker deployment setup

- Implement React frontend with TypeScript and Tailwind CSS
- Add scrappbook.de-inspired UI design with photo galleries
- Implement authentication, photo viewing, and download features
- Add Docker Swarm configuration with Traefik reverse proxy
- Set up Drone CI/CD pipeline for automated deployments
- Add monitoring stack with Prometheus and Grafana
- Create comprehensive deployment documentation
- Add simple local development setup with docker-compose.local.yml

Features:
- Password-protected galleries with expiration warnings
- Responsive photo grid with lightbox viewer
- Bulk download functionality
- Hot reload development environment
- Email testing with Mailhog
- Production-ready deployment scripts

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

Co-Authored-By: Claude <noreply@anthropic.com>

backend/src/services/imageProcessor.js

@@ -0,0 +1,28 @@
+const sharp = require('sharp');
+const path = require('path');
+const fs = require('fs').promises;
+
+const THUMBNAIL_WIDTH = 300;
+const THUMBNAIL_PATH = path.join(__dirname, '../../../storage/thumbnails');
+
+async function generateThumbnail(imagePath) {
+  const filename = path.basename(imagePath);
+  const thumbnailFilename = `thumb_${filename}`;
+  const thumbnailPath = path.join(THUMBNAIL_PATH, thumbnailFilename);
+  
+  // Ensure thumbnail directory exists
+  await fs.mkdir(THUMBNAIL_PATH, { recursive: true });
+  
+  // Generate thumbnail
+  await sharp(imagePath)
+    .resize(THUMBNAIL_WIDTH, null, {
+      withoutEnlargement: true,
+      fit: 'inside'
+    })
+    .jpeg({ quality: 80 })
+    .toFile(thumbnailPath);
+  
+  return path.relative(path.join(__dirname, '../../../storage'), thumbnailPath);
+}
+
+module.exports = { generateThumbnail };