privacy-gateway/frontend

Privacy Gateway Frontend

React-basierte Chat-Oberfläche für das Privacy Gateway.

Features

• ✨ Multi-Window Chat-Sessions (wie OpenWebUI)
• 🎨 Dark Mode Support
• 📝 Markdown-Rendering mit Syntax-Highlighting
• 👁️ Markdown-Live-Preview beim Schreiben
• 📱 Responsive Design
• 🔄 Streaming-Response Support

Tech Stack

• React 18 + TypeScript
• Vite
• Tailwind CSS
• React Markdown + Syntax Highlighter
• Lucide Icons

Setup

# Dependencies installieren
npm install

# Development Server starten
npm run dev

# Production Build
npm run build

API-Endpunkte

Die Frontend-Anwendung kommuniziert mit dem Backend über:

• GET /api/sessions - Alle Sessions laden
• POST /api/sessions - Neue Session erstellen
• GET /api/sessions/:id - Einzelne Session laden
• POST /api/sessions/:id/chat - Nachricht senden (Stream)
• DELETE /api/sessions/:id - Session löschen

Docker

# Image bauen
docker build -t privacy-gateway-frontend .

# Container starten
docker run -p 80:80 privacy-gateway-frontend