Ouvrez la plupart des modèles de « tableau de bord SaaS » et vous obtenez une jolie capture d'écran : une barre latérale qui ne se replie pas, un tableau qui ne se trie pas, un bouton « créer une tâche » qui ne fait rien. Projectly est différent : c'est un produit complet et interconnecté que vous pouvez parcourir de bout en bout. Créez une tâche et voyez-la apparaître instantanément dans le tableau de bord, sur la page de détail du projet et dans les graphiques d'analyse, car tout lit le même magasin de données. Sélectionnez vingt tâches d'un coup et changez leur statut en un clic. Invitez un membre de l'équipe, modifiez son rôle, filtrez l'annuaire de l'équipe par statut. Ouvrez le menu de commandes ⌘K et accédez n'importe où ou lancez une action rapide sans toucher la souris. Voilà ce que votre produit devrait donner dès le premier jour : pas une maquette qu'il faut terminer avant qu'elle soit honnête.

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

Sous le capot, c'est une véritable surface de produit, pas une simple page. Le Dashboard affiche des indicateurs calculés en direct, un graphique de tendance de l'achèvement des tâches, une vue d'ensemble de la charge de travail, les tâches prioritaires, les échéances à venir et un encart de tâches en retard pour que le plus urgent ne soit jamais enfoui. Projects est une grille de cartes avec recherche et filtre par statut, une fenêtre modale de création/modification et une page de détail avec des onglets pour les tâches et l'activité. Tasks est un tableau de données triable, filtrable et paginé, avec sélection de lignes, mises à jour de statut en masse, suppression en masse, un formulaire de création/modification validé et un panneau latéral de détail, et il se transforme en cartes tactiles sur mobile au lieu de vous imposer un défilement horizontal. Team, Analytics, Notifications et Settings (profil, espace de travail, préférences de notifications, thème clair/sombre/système) complètent un produit qui paraît abouti plutôt qu'à moitié construit.

Rien ici ne nécessite de backend pour l'essayer. L'application entière fonctionne sur une couche de services simulés typée avec des données d'amorçage réalistes : pas de clés d'API, pas de base de données, pas de variables d'environnement. Mais ce n'est pas une impasse : chaque service (tâches, projets, équipe, analyses, notifications) se trouve derrière une seule interface et un seul fichier de composition, de sorte que le remplacer par votre véritable API revient à implémenter cette interface et à modifier une seule importation, sans toucher au code des fonctionnalités. Le changement de marque est tout aussi circonscrit : un seul fichier de jetons CSS pilote toutes les couleurs de l'application (graphiques compris), le nom du produit se trouve en quelques endroits clairement documentés, et l'ajout d'une nouvelle page, d'un élément de navigation ou d'une colonne de tableau suit un schéma documenté et reproductible au lieu de vous obliger à fouiller le code.

Conçu avec React 19, TypeScript, Vite, Tailwind CSS, Radix UI (via une petite couche de composants de style shadcn), React Router, Framer Motion, Recharts, TanStack Table, React Hook Form et Zod : toutes les dépendances sont gratuites et open source, avec toutes les attributions incluses. La qualité n'a pas été une réflexion après coup : thèmes clair et sombre (sombre par défaut), une mise en page adaptative pensée d'abord pour le mobile jusqu'à la largeur d'un téléphone, des animations qui respectent le réglage « réduire les animations » du système et une passe d'accessibilité dédiée qui a corrigé des défauts de contraste WCAG AA, un saut dans la hiérarchie des titres et la restauration du focus dans chaque boîte de dialogue et chaque panneau latéral de l'application. Ce que vous obtenez : le code source complet, sept fichiers de documentation (installation, architecture, personnalisation, composants, services simulés, déploiement, dépannage) et un journal des modifications qui montre l'historique réel des finitions.