Öffnen Sie die meisten "SaaS-Dashboard"-Vorlagen und Sie erhalten nur ein hübsches Screenshot: eine Seitenleiste, die sich nicht zusammenklappt, eine Tabelle, die nicht sortiert, ein "Aufgabe erstellen"-Knopf, der nichts tut. Projectly ist anders — es ist ein vollständiges, miteinander verknüpftes Produkt, das Sie End-to-End durchklicken können. Erstellen Sie eine Aufgabe und beobachten Sie, wie sie sofort im Dashboard, auf der Detailseite des Projekts und in den Analytics-Diagrammen erscheint, weil alles aus derselben zugrunde liegenden Datenspeicherung liest. Wählen Sie zwanzig Aufgaben per Bulk aus und ändern ihren Status mit einem Klick. Laden Sie ein Teammitglied ein, ändern Sie dessen Rolle, filtern Sie das Teamverzeichnis nach Status. Öffnen Sie das ⌘K-Befehlsmenü und springen Sie überall hin oder führen Sie eine Schnellaktion aus, ohne die Maus zu benutzen. So sollte sich Ihr Produkt am Tag eins anfühlen — nicht nur eine Mockup, das Sie erst fertigbauen müssen, bevor es ehrlich wirkt.

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

Unter der Haube ist es eine echte Produktoberfläche, kein einzelnes Page. Das Dashboard zieht live abgeleitete Metriken, ein Trenddiagramm zur Aufgabenabwicklung, eine Überblicksübersicht zur Arbeitsbelastung, priorisierte Aufgaben, kommende Fristen und einen Hinweis für überfällige Aufgaben, damit das Dringlichste nie verborgen bleibt. Projects ist ein durchsuchbares, nach Status filterbares Kartenraster mit einem Erstell-/Bearbeitungsmodal und einer Detailseite mit Tabs für Aufgaben und Aktivität. Tasks ist eine sortierbare, filterbare, paginierte Datentabelle mit Zeilen-Auswahl, Bulk-Statusaktualisierungen, Bulk-Löschung, einem validierten Erstell-/Bearbeitungsformular und einer Detail-Drawer — und es 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, Light/Dark/System-Theme) runden ein Produkt ab, das sich vollständig anfühlt statt halbfertig.

Nichts hier erfordert ein Backend zum Ausprobieren. 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 Sackgassenprojekt: Jeder Service (Aufgaben, Projekte, Team, Analytics, Benachrichtigungen) sitzt hinter einer einzigen Schnittstelle und einer Kompositionsdatei, sodass der Austausch gegen Ihre echte API nur darin besteht, diese Schnittstelle zu implementieren und eine einzige Import-Anweisung zu ändern — kein Funktionscode berührt. Das Rebranding ist ebenso kapselnd: Eine CSS-Token-Datei treibt 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 im Code zu wühlen.

Erstellt mit React 19, TypeScript, Vite, Tailwind CSS, Radix UI (via einer kleinen shadcn-ähnlichen Komponenten-Schicht), React Router, Framer Motion, Recharts, TanStack Table, React Hook Form und Zod — alle Abhängigkeiten frei und Open-Source, vollständige Quellennachweise enthalten. Qualität war kein Afterthought: helle und dunkle Themes (dunkel standardmäßig), ein mobiles Layout mit Priorität auf Reaktionsfähigkeit down t