Виджет KYC/Liveness‑верификации
Роль: Senior Frontend Engineer · Длительность: 8 месяцев · Команда: 6 инженеров · Год: 2025
Коротко: Реализовал кроссбраузерный iframe‑виджет верификации (Safari, Firefox, Chrome, Edge) на getUserMedia; снизил задержку видео на 40% и довёл успешные проверки выше 95% за счёт UX‑подсказок и детектора освещения.
-38%
Задержка взаимодействия с редактором
-63%
Тикеты в поддержку по конфликтам
+21%
Еженедельные активные сессии
Обзор
Продукт позволял распределённым командам редактировать и ревьюить сложные документы в реальном времени. Текущая архитектура не гарантировала согласованность при нестабильной сети.
Контекст и проблема
Бизнесу нужна была collaboration‑система enterprise‑уровня со строгой аудитируемостью. Старый OT‑подход приводил к конфликтам мержа и всплескам нагрузки на поддержку в пиковые часы.
Архитектура
Клиент
Next.js App Router + локальное CRDT‑хранилище
Слой синхронизации
WebSocket‑шлюз + воркеры разрешения конфликтов
Платформа
Аудит‑стрим + аналитика + трейсы Sentry
Детали реализации
Добавил батчинг операций и откат optimistic‑мутаций.
Изолировал hotspots рендера мемоизированными селекторами состояния.
Перевёл оболочку редактора на streaming SSR для более быстрого first paint.
Зафиксировал release‑чеки: Vitest, Playwright, Lighthouse CI.
Результаты и выводы
Сессии совместного редактирования выросли на 21% после релиза.
Время решения инцидентов снизилось на 41% за счёт интеграции observability.
Команда научилась формализовать обработку конфликтов как переиспользуемые паттерны.
Стек и ссылки
React · TypeScript · WebSocket · MediaStream API · PostMessage API
Демо: #GitHub: #