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 <[email protected]>
This commit is contained in:
2025-07-06 20:23:13 +02:00
co-authored by Claude
parent 032bbae50d
commit 6c82958c79
73 changed files with 10611 additions and 2 deletions
+85
View File
@@ -0,0 +1,85 @@
import { api } from '../config/api';
import type { Event } from '../types';
interface CreateEventData {
event_type: string;
event_name: string;
event_date: string;
host_email: string;
admin_email: string;
password: string;
welcome_message?: string;
color_theme?: string;
expires_at: string;
}
interface UpdateEventData {
welcome_message?: string;
color_theme?: string;
expires_at?: string;
is_active?: boolean;
}
interface EventsListResponse {
events: Event[];
total: number;
page: number;
limit: number;
}
export const eventsService = {
// Get all events (admin)
async getEvents(
page: number = 1,
limit: number = 20,
status?: 'active' | 'inactive' | 'archived'
): Promise<EventsListResponse> {
const params = new URLSearchParams({
page: page.toString(),
limit: limit.toString(),
});
if (status) {
params.append('status', status);
}
const response = await api.get<EventsListResponse>(`/api/admin/events?${params}`);
return response.data;
},
// Get single event details (admin)
async getEvent(id: number): Promise<Event> {
const response = await api.get<Event>(`/api/admin/events/${id}`);
return response.data;
},
// Create new event (admin)
async createEvent(data: CreateEventData): Promise<Event> {
const response = await api.post<Event>('/api/admin/events', data);
return response.data;
},
// Update event (admin)
async updateEvent(id: number, data: UpdateEventData): Promise<Event> {
const response = await api.patch<Event>(`/api/admin/events/${id}`, data);
return response.data;
},
// Delete/deactivate event (admin)
async deleteEvent(id: number): Promise<void> {
await api.delete(`/api/admin/events/${id}`);
},
// Force archive event (admin)
async archiveEvent(id: number): Promise<void> {
await api.post(`/api/admin/events/${id}/archive`);
},
// Extend event expiration (admin)
async extendExpiration(id: number, newExpiryDate: string): Promise<Event> {
const response = await api.patch<Event>(`/api/admin/events/${id}`, {
expires_at: newExpiryDate,
});
return response.data;
},
};