Falls es jemand nachbauen möchte, ist hier der Masterprompt zur Projektübersichts-App, die ich heute Abend in eurem Beisein gebaut habe: Hier ist der Master-Prompt, mit dem du dieses Projekt jederzeit in einem neuen Chat exakt so wiederherstellen kannst: Kopiere den folgenden Text für zukünftige Projekte: Erstelle eine React + Vite + Tailwind CSS Anwendung mit shadcn/ui für ein "Portfolio Projekt-Dashboard". Die App dient als öffentliche Übersichtsseite und internes Verwaltungstool für Webseiten-Projekte. Setze folgende Kernfunktionen und Anforderungen exakt um: 1. Layout & Design: - Nutze ein responsives Layout mit einem Header (Logo links; Suchfeld, Ansichten-Wechsler, "Neues Projekt"-Button und Einstellungs-Icon rechts). - Footer mit Links zu "Datenschutz" (eigene Route `/datenschutz`) und "Impressum" (externer Link). - Das Design soll modern sein, lokale Schriften nutzen und Skeleton-Ladeanimationen für Bilder verwenden, bis diese vollständig geladen sind. 2. Projekt-Ansichten & Sortierung: - Zwei umschaltbare Ansichten: Rasteransicht (Grid mit Vorschaubildern, Titel, Beschreibung) und Tabellenansicht (Listenform). - Integriere `@dnd-kit` für Drag & Drop Sortierung in beiden Ansichten. Das neueste Projekt soll standardmäßig oben stehen. - Integriere ein Suchfeld im Header, das die Projekte in Echtzeit nach Titel und Beschreibung filtert. 3. Datenbank-Anbindung (LeadConnector API): - Speichere die Projekte als JSON-String über die LeadConnector Custom Values API (v2). - Erstelle einen Einstellungs-Dialog (Zahnrad-Icon), in dem der Nutzer API-Key (Bearer), Location-ID und Custom-Value-ID eintragen kann. Speichere diese im `localStorage`. - Implementiere eine öffentliche Lese-Konfiguration als Fallback direkt im Code (damit Besucher die Seite sehen können, ohne Zugangsdaten einzugeben). - Erstelle eine Service-Datei (`lib/api.ts`) für die GET/PUT-Requests (Headers: Authorization, Version: 2021-07-28, Accept/Content-Type: application/json). Fange Fehler sauber ab und zeige sie per Toast-Message an.