Öffnest du die meisten "SaaS-Dashboard"-Vorlagen, erhältst du einen hübschen Screenshot: eine Sidebar, die sich nicht zusammenzieht, eine Tabelle, die nicht sortiert, eine "Aufgabe erstellen"-Schaltfläche, die nichts bewirkt. Projectly ist anders — es ist ein vollständiges, miteinander verbundenes Produkt, durch das du von Anfang bis Ende klicken kannst. Erstelle eine Aufgabe und sie erscheint sofort im Dashboard, auf der Detailseite des Projekts und in den Analysen-Diagrammen, weil alles aus dem selben zugrunde liegenden Datenspeicher gelesen wird. Wähle zwanzig Aufgaben gleichzeitig aus und ändere ihren Status mit einem Klick. Lade ein Teammitglied ein, ändere dessen Rolle, filtere das Teamverzeichnis nach Status. Öffne das ⌘K-Befehlsmenü und springe überall hin oder starte eine Schnellaktion, ohne die Maus zu berühren. So sollte sich dein Produkt am ersten Tag anfühlen — nicht wie ein Mockup, das du erst fertigbauen musst, bevor es ehrlich wirkt.

https://neural-dashboardproject.netlify.app/

Unter der Haube ist es eine echte Product-Oberfläche, kein einzelnes Page. Das Dashboard zieht live-abgeleitete Kennzahlen, ein Trenddiagramm zur Aufgaben-Fortschritt, eine Arbeitsbelastungsübersicht, Prioritätsaufgaben, bevorstehende Deadlines und einen Hinweis auf überfällige Aufgaben, damit das Dringlichste nie versteckt wird. Projects ist ein durchsuchbares, status-filterbares Card-Grid mit einer Erstell-/Bearbeiten-Modal und einer Detailseite mit Tabs für Aufgaben und Aktivitäten. Tasks ist eine sortierbare, filterbare, paginierte Daten-Tabelle mit Zeilen-Auswahl, Bulk-Status-Updates, Bulk-Löschung, einem validierten Erstell-/Bearbeiten-Formular und einer Detail-Schublade — und sie klappt sich auf mobilen Geräten in touch-freundliche Karten zusammen, statt einen horizontalen Bildlauf zu erzwingen. Team, Analytics, Notifications und Settings (Profil, Arbeitsbereich, Benachrichtigungseinstellungen, hell/dunkel/System-Theme) runden ein Produkt ab, das sich vollständig anfühlt statt halb gebaut.

Hier ist nichts dabei, das ein Backend zum Ausprobieren bräuchte. Die gesamte App läuft auf einer typisierten Mock-Service-Schicht mit realistischen Seed-Daten — keine API-Schlüssel, keine Datenbank, keine Umgebungsvariablen. Aber es ist kein Abschluss: jeder Dienst (Tasks, Projects, Team, Analytics, Notifications) sitzt hinter einer Schnittstelle und einer einziges Zusammensetzungsdatei, sodass der Austausch durch deine echte API nur darin besteht, diese Schnittstelle zu implementieren und eine einzige Import-Anweisung zu ändern — kein Funktionscode wird berührt. Das Rebranding ist genauso kapselt: Eine CSS-Token-Datei steuert jede Farbe in der App (einschließlich der Diagramme), der Produktname lebt in einer Handvoll klar dokumentierter Stellen, und das Hinzufügen einer neuen Seite, eines Navigationspunkts oder einer Tabellen-Spalte folgt einem dokumentierten, wiederholbaren Muster statt einer Code-Suche im Codebestand.

Hergestellt mit React 19, TypeScript, Vite, Tailwind CSS, Radix UI (über eine kleine shadcn-Style-Komponentenebene), React Router, Framer Motion, Recharts, TanStack Table, React Hook Form und Zod — alle Abhängigkeiten frei und Open-Source, vollständige Quellenangaben enthalten. Qualität war kein nachträglicher Gedanke: helle und dunkle Themen (Standard dunkel), ein mobil-first responsives Layout down t