d20a4de117
- Ruhiges Dark-Designsystem (Tokens, Karten, Badges/Pills, KPIs) in global.css, animierter PixelBlast-Hintergrund entfernt (kleineres Bundle) - Aufgeraeumter App-Rahmen: feste Sidebar mit sichtbaren Labels, gruppierter Navigation, aktivem Zustand und Collapse - Wiederverwendbare UI-Bausteine unter src/components/ui/ - Ticketliste als scanbare Karten (TicketCard) statt rowSpan-Tabelle - Neue Bereiche: Kunden (CRM-360), Finanzen-Cockpit, Dokumente-Browser - Dashboard als echtes Cockpit (Ticket-/Finanz-/Dokument-Kennzahlen) - Alle Seiten auf einheitlichen PageHeader/Container/Tokens umgestellt Co-authored-by: Cursor <cursoragent@cursor.com>
WOMS 2.0 - Work Order Management System
React-basiertes Ticket-Management-System mit Appwrite Backend.
🚀 Schnellstart
1. Dependencies installieren
npm install
2. Appwrite einrichten
Wichtig: Für eine detaillierte Schritt-für-Schritt-Anleitung siehe APPWRITE_SETUP.md
Kurzfassung:
- Erstelle ein Appwrite-Projekt auf cloud.appwrite.io
- Erstelle eine
.envDatei im Root-Verzeichnis:
VITE_APPWRITE_ENDPOINT=https://cloud.appwrite.io/v1
VITE_APPWRITE_PROJECT_ID=deine-project-id-hier
VITE_APPWRITE_DATABASE_ID=woms-database
- Folge der detaillierten Anleitung in
APPWRITE_SETUP.mdum die Datenbank-Struktur zu erstellen
3. App starten
npm run dev
Die App läuft dann auf http://localhost:5173
📚 Dokumentation
- APPWRITE_SETUP.md - Detaillierte Anleitung zur Appwrite-Einrichtung
- Schritt-für-Schritt Setup
- Datenbank-Schema
- Berechtigungen
- Fehlerbehebung
Features
- Ticket-Erstellung und -Verwaltung
- Status-Tracking (Open, Occupied, Assigned, Awaiting, Closed)
- Prioritäts-Management (Low, Normal, High, Critical)
- Filter und Suche
- Datei-Uploads
- Dashboard mit Statistiken
- Planboard für Terminplanung