Облачная headless-CMS: панель управления контентом, формами и интеграциями, поверх которой клиенты собирают веб- и мобильные приложения. Отвечаю за фронтенд админ-панели — крупной SPA на React 19 и TypeScript, работаю в команде с дизайнерами и бэкендерами.
Основная часть задач — не формы над CRUD, а интерфейсы со сложной логикой: конструктор периодичности дат и времени, таблицы с большим числом состояний, совместное редактирование в реальном времени, визуальный редактор связей между сущностями.
Работа не заканчивается на интерфейсе: на мне пайплайн переводов, документация и инструменты вокруг неё, а при необходимости подменяю бэкендеров на Node.js и PostgreSQL.
Что сделано
Интерфейсы админ-панели от макетов в Figma до продакшена: компоненты, страницы и интеграция с API бэкенда.
Страницы со сложной логикой: конструктор периодичности дат и времени, таблицы с фильтрами, сортировкой и множеством состояний, конструкторы форм по JSON Schema (RJSF).
Совместное редактирование в реальном времени на CRDT (Yjs, y-websocket, y-webrtc) с синхронизацией состояния между пользователями.
Визуальный редактор схем и связей на React Flow (@xyflow), встроенный редактор кода на Monaco, дашборды на ApexCharts и Chart.js.
Локализация системы: i18n и собственный переводчик текстов интерфейса на OpenAI API вместо ручного ведения словарей.
Документация в Docusaurus и инструменты вокруг неё: генерация видеотуториалов через Playwright — сценарий проходит систему и записывает ролик, поэтому запись не устаревает после редизайна.
RAG по документации для чат-виджета внутри системы: пользователь спрашивает и получает ответ со ссылкой на раздел.
Перенос legacy-сайта на чистом JS в Next.js.
Визуальное и e2e-тестирование: Storybook + Playwright, поддержка компонентной библиотеки, code review.
Периодически задачи бэкенда на Node.js и PostgreSQL — подменял бэкендеров, когда команде это было нужно.
Интерфейс
Конструктор периодичности: календарь с выбором дней, повтор по неделям, месяцам и годам, временные интервалы с шагом и исключениямиВизуальный редактор интеграций на React Flow: палитра узлов, схема обработки заказа и панель отладкиРедактирование страницы: вкладки данных, категорий, атрибутов и блоков, дерево категорий с вложенностью
