54 lines
1.0 KiB
Markdown
54 lines
1.0 KiB
Markdown
# 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
|
|
|
|
```bash
|
|
# 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
|
|
|
|
```bash
|
|
# Image bauen
|
|
docker build -t privacy-gateway-frontend .
|
|
|
|
# Container starten
|
|
docker run -p 80:80 privacy-gateway-frontend
|
|
```
|