Dynamic Roadmap Planner - Внутренний инструмент планирования

Внутренний планировщик для продуктовой команды: дорожная карта в виде диаграммы Ганта, финансовая модель по сценариям, управление партнерами/договорами и блок HR. Делал full-stack: UI, доменную логику, персистентность, права доступа и аудит.

Основные достижения

Дорожная карта

Гант + иерархия

Финмодель и сценарии прогнозирования

Партнеры

статусы и бизнес-правила

Договоры и автоматический расчет комиссий

HR-блок

вакансии, кандидаты, план найма

OKR

цели, KR и прогресс

Аудит действий и история изменений

Извлечение данных из документов

Роли и детальные права доступа

Уведомления и состояние UI

Технические особенности

SvelteKit SSR/SSG, Prisma, PostgreSQL, Redis

Docker-окружение для разработки и деплоя

JWT, CSRF, rate limiting, Zod-валидация

Централизованные ошибки и понятные статусы

Экспорт в PDF/Excel по шаблонам

WebSocket-обновления

Адаптивный интерфейс

Оптимизация запросов и рендеринга

Технологии

Стек подобран под внутренний продукт: быстрые интерактивные экраны, строгая типизация и понятная модель данных, все сервисы поднимаются одинаково в Docker.

stack

Frontend

UI на SvelteKit с TailwindCSS, графики и плотные формы без «тяжелого» фреймворк-обвеса.

SvelteKitTypeScriptTailwindCSSApexChartsLucide Icons

Backend

API и доменная логика в server routes, Prisma для схемы/миграций и PostgreSQL как источник правды; Redis для ускорения и координации.

SvelteKit API RoutesPrisma ORMPostgreSQLRedisJWT

Infrastructure

Окружение в Docker Compose: воспроизводимо локально и переносимо в прод через единый набор сервисов.

DockerDocker ComposeNginxNode.js

Tools

Линт/формат и быстрая сборка, чтобы держать качество и скорость разработки на длинной дистанции.

ESLintPrettierTypeScriptViteMoment.js

Архитектура проекта

Классическая схема: UI + API/домен, PostgreSQL как источник правды, Redis для ускорения и WebSocket для живых обновлений.

  1. 1

    UI (SvelteKit)

    Плотные формы, таблицы и графики; быстрые сценарии работы в одном интерфейсе.

  2. 2

    API и доменная логика

    Server routes: валидация, бизнес-правила, права доступа и аудит изменений.

  3. 3

    Данные (PostgreSQL + Prisma)

    Схема и миграции, типобезопасный доступ к данным и расчетные модели.

  4. 4

    Redis + real-time

    Кэш/координация и события для обновлений без перезагрузки страниц.

  5. 5

    Инфраструктура

    Docker Compose и Nginx: воспроизводимое окружение для разработки и деплоя.

Ключевые функции

Дорожная карта (Гант)

Финмодель и сценарии

Партнеры и договоры

HR-планирование

OKR и цели

Аудит и история изменений

Парсинг документов

Права доступа

Экспорт

Real-time обновления

Внутренние инструменты обычно сложнее, чем выглядят: много прав, аудита и доменной логики. Здесь как раз такой случай - от модели данных до UX и доставки изменений в реальном времени.