Откройте большинство шаблонов «SaaS‑дашборд» и вы получите красивый скриншот: боковая панель не сворачивается, таблица не сортируется, кнопка «создать задачу» ничего не делает. Projectly отличается — это полноценный взаимосвязанный продукт, которым можно пользоваться от начала до конца. Создайте задачу и наблюдайте, как она мгновенно появляется на панели инструментов, на странице деталей проекта и на графиках аналитики, потому что всё считывается из одного и того же базового хранилища данных. Массовый выбор двадцати задач и изменение их статуса в один клик. Пригласите участника команды, измените их роль, фильтруйте директорию команды по статусу. Откройте меню команд ⌘K и прыгайте в любом месте или запустите быстрое действие без мыши. Именно так должно ощущаться ваше ПО на первый день — а не макет, который нужно доделывать до того, как он будет честным.

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

«Под капотом» это настоящий продуктовый интерфейс, а не одна страница. Dashboard вытягивает живые метрики, график тренда выполнения задач, обзор рабочей нагрузки, приоритетные задачи, предстоящие сроки и уведомление об просроченных задачах — чтобы самое срочное никогда не терялось. Projects — это можно найти по запросу, с фильтрацией по статусу карточная сетка с модальным окном создания/редактирования и страницу деталей с вкладками для задач и активности. Tasks — это сортируемая, фильтруемая, пагинируемая табличная часть с возможностью выбора строк, массового обновления статусов, массового удаления, валидированного_create/edit_формы и выдвигаемого деталями выдвижного окна — и она сворачивается в удобные для мобилы карточки вместо того чтобы заставлять прокручивать горизонтально. Team, Analytics, Notifications и Settings (профиль, рабочее пространство, настройки уведомлений, светлая/темная/системная тема) дополняют продукт, который кажется целостным, а не наполовину собранным.

Здесь нет требований к backend для пробы. Всё приложение работает на типизированном мок-сервисном слое с реалистичными начальными данными — без API‑ключей, без базы данных, без переменных окружения. Но это не тупиковая ветка: каждый сервис (задачи, проекты, команда, аналитика, уведомления) стоит за одним интерфейсом и одним файлом компоновки, поэтому замена на ваш реальный API — это задача реализации этого интерфейса и изменения одного импорта — без затронутого кода функций. Ребрендинг также ограничен: один файл CSS‑токенов управляет каждым цветом в приложении (включая графики), название продукта живет в нескольких явно задокументированных местах, а добавление новой страницы, элемента навигации или столбца таблицы следует документированной повторяемой схеме, а не охоте по кодовой базе.

Собрано на React 19, TypeScript, Vite, Tailwind CSS, Radix UI (через небольшую компонентную прослойку в стиле shadcn), React Router, Framer Motion, Recharts, TanStack Table, React Hook Form и Zod — все зависимости свободны и с открытым исходным кодом, включены полные атрибуции. Качество не было после строкой: светлые и тёмные темы (по умолчанию тёмная), мобильная раскладка, адаптивный дизайн, и т.д.