ProjectPro 2.0
Прототип профессиональной системы управления проектами класса MS Project + Power BI — веб-приложение без установки, работает в браузере.
Задача: объединить функционал MS Project и аналитику Power BI в единой платформе без установки — и адаптировать её под любую отрасль: строительство, IT-разработку, производство, консалтинг.
Паспорт проекта, диаграмма Ганта, задачник, финансы, дашборд и AI-консультант на базе GigaChat — в одной системе. Живая демо-версия доступна без регистрации.
Ключевые возможности
Паспорт проекта
Централизованное хранение целей, сроков, бюджета, рисков и стейкхолдеров в едином интерфейсе с визуальной структурой.
Диаграмма Ганта
- Цветовая кодировка по статусам — завершено, в работе, просрочено, не начато
- Связи между задачами — зависимости типа finish-to-start
- Drag-and-drop — изменение сроков перетаскиванием
Задачник
Таблица из 12 колонок: название, исполнитель, статус, приоритет, дедлайн, прогресс, бюджет и др.
- Многоуровневая фильтрация и сортировка
- Просроченные задачи — определяются автоматически, красная индикация
Финансовый модуль
- План/факт по каждому блоку задач с отклонениями
- Освоение бюджета — визуализация
- Прогноз перерасхода — на основе текущих трат
Дашборд аналитики
8 виджетов, данные обновляются в реальном времени при изменении задач:
- Общий прогресс проекта — с динамикой
- Burndown chart — скорость выполнения
- Загрузка команды — в процентах по каждому участнику
- Просроченные задачи — количество и тренд
AI-консультант на базе GigaChat
- Анализ состояния проекта — выявление критических точек
- Перераспределение задач — рекомендации при перегрузке команды
- Риск срыва сроков — оценка вероятности на основе истории прогресса
- Бюджет — предложения по оптимизации
Настройка под клиента
Перед внедрением определяется формат существующей базы данных (Excel, 1С, Jira, Google Sheets), критические метрики (сроки, бюджет, загрузка команды) и ключевая проблема — система настраивается индивидуально под процессы клиента.
Как это работает
Определение базы данных, метрик и ключевой проблемы клиента
Паспорт проекта: цели, сроки, бюджет, риски
Задачи на диаграмме Ганта и в задачнике
Финансы план/факт и дашборд в реальном времени
AI-консультант: риски и рекомендации
Архитектура и технологии
React + TypeScript с компонентной структурой: Sidebar, Dashboard, GanttChart, TaskManager, FinanceModule, AIAssistant. Zustand — state management всех данных проекта, Framer Motion — плавные анимации переходов между разделами.
Интеграция GigaChat API через официальную библиотеку gigachat: асинхронная обработка запросов с обработкой ошибок и fallback-ответами.
Tailwind CSS с кастомной темой (переменные для цветов фона, текста, акцентов, границ), адаптивный дизайн для desktop и tablet.
Деплой на Vercel: автоматическая сборка через GitHub, SSL-сертификат и CDN для быстрой загрузки.
Что сделано
Архитектура
- Разработка архитектуры веб-системы управления проектами
- Создание компонентной структуры на React + TypeScript
- Настройка Zustand для централизованного state management
- Разработка компонентов Sidebar, Dashboard, GanttChart, TaskManager, FinanceModule, AIAssistant
- Разработка компонента Login с аутентификацией
Модули управления
- Модуль «Паспорт проекта» с полями целей, сроков, рисков
- Интерактивная диаграмма Ганта с цветовой кодировкой
- Связи между задачами (зависимости finish-to-start) и drag-and-drop сроков
- Задачник с таблицей из 12 колонок, многоуровневой фильтрацией и сортировкой
- Автоматическое определение просроченных задач с визуализацией
- Финансовый модуль план/факт с отклонениями, освоение бюджета и прогноз перерасхода
Дашборд
- Дашборд с 8 аналитическими виджетами
- Виджеты «Общий прогресс», «Загрузка команды», «Просроченные задачи», burndown chart
- Real-time обновление данных дашборда при изменениях
AI-консультант
- Интеграция GigaChat API
- Анализ состояния проекта, перераспределение задач, оценка риска срыва сроков, оптимизация бюджета
- Асинхронная обработка запросов к GigaChat с error handling и fallback-ответами
Интерфейс и запуск
- Tailwind CSS с кастомной темой и CSS-переменными
- Адаптивный дизайн для desktop и tablet
- Анимации переходов между разделами на Framer Motion
- Деплой на Vercel с автоматической сборкой через GitHub
- Живая демо-версия без регистрации, SSL-сертификат и CDN
- Тестирование всех модулей, оптимизация производительности, финальная проверка адаптивности
⭐ Ключевой момент: функционал MS Project и аналитика Power BI в одном браузерном приложении — с AI-консультантом, который оценивает риски и предлагает перераспределить задачи.
Итог
Управление проектами, финансовый контроль и AI-консультант на базе GigaChat — в веб-системе без установки, с живой демо-версией на Vercel.