Алексей Нижгородов

Фронтенд и архитектура, вёл команду· 2026

Спроектировал и собрал продакшен-кабинет VPN: вход через OAuth/OTP, активация на 6 платформах одной ссылкой, перенос подписок из Telegram-бота и свой слой устойчивости к блокировкам. White-label на 8 брендов из одного кода.

• Коммерческому VPN нужен был веб-кабинет под несколько брендов — собрал весь SPA: файловый роутинг с авто-сплитом, root-store из 8 доменных сторов и свой API-клиент с Zod-валидацией каждого ответа. Один код собирается в white-label под 8 брендов через build-time флаг.
• Под блокировками кабинет должен оставаться доступным, даже когда основной домен выключают. Сделал свой failover: service worker тянет список живых зеркал и редиректит на первое доступное, плюс статичная fallback-страница, а адрес со списком спрятан обфускацией. Кабинет открывается, даже если основной домен заблокирован.
• Подписки из старого Telegram-бота надо было перенести в новый веб-аккаунт — написал перенос из пяти шагов с кросс-аккаунт логином и определением оплаты по росту срока подписки относительно сохранённого baseline. Работает между аккаунтами и аккуратно ловит случай «уже перенесён».
• Бандл раздулся от Firebase, Lottie и QR — добавил авто-сплит роутов, ручной vendor-chunking и lazy-загрузку тяжёлых страниц. Стартовый бандл ужался с 1706 до 656 КБ, gzip — с 467 до 175 КБ.

Фронтенд: реалтайм, платежи, чат · командный проект· 2025 — 2026

Командный продукт, где я отвечал за WebSocket-движок генерации, слой платежей и интеграцию legacy-чата. Midjourney, GPT-Image и LLM-чат за одним интерфейсом — с реалтаймом и подписками.

• Генерация Midjourney в Telegram должна была показывать живой прогресс — спроектировал свой WebSocket-клиент (EventEmitter + MobX) с реестром запросов: каждое действие получает UUID и запись с конечным автоматом, таймаут 7 минут на тип, авто-реконнект. Канал переживает разрывы соединения.
• Хотелось дать весь набор инструментов Midjourney, а не только generate — собрал движок действий на MobX, который моделирует дерево истории с родительскими связями узлов. Получился полный набор операций: vary, upscale, zoom, pan, blend, reroll — поверх нестабильного backend-API.
• Монетизацию делал целиком: токены, тарифы, подписки — покупка, оплата во внешнем браузере, промокоды, поллинг баланса. Реальные платежи в проде.
• Legacy-чат надо было собрать под одну крышу и довести до прода — сам поднял деплой (Docker + nginx) и встроил отдельное Next.js-приложение чата через iframe с мостом Telegram↔iframe: safe-area и клавиатура через postMessage, проброс haptic. Один деплой и бесшовный чат внутри хаба.

Frontend · слой карт и рендер

Несколько крупных Leaflet-проектов: геозоны, реалтайм-маркеры и длинные треки с таймлайнами — со своей логикой слоёв и оптимизацией рендера тысяч объектов.

• Карта должна была держать тысячи маркеров и длинные треки без просадок — сделал свою логику слоёв и оптимизировал рендер: кластеризация, прореживание, отрисовка на Canvas и WebGL. На больших объёмах карта остаётся плавной.
• Для мониторинга в реальном времени добавил живое обновление маркеров, геозоны и треки с таймлайнами — оператор прокручивает историю перемещений по времени.
• Карту надо было переиспользовать в нескольких продуктах — вынес её в набор компонентов с единым API, который стал общей основой для нескольких проектов команды.

Фронтенд, BFF и схема данных· 2026

За ~2 недели поднял backend-for-frontend, устойчивый ingest и ~20 клинических дашбордов поверх медтерминалов: своя карта России, RBAC на уровне чтения медданных, классификация давления по российскому стандарту прямо в SQL.

• За пару недель надо было поднять B2B-аналитику для медицины с нуля — спроектировал pnpm-монорепо: Vite + React + MobX фронт, Express-BFF и общий пакет Zod-схем как единый источник контрактов. Браузер не видит доступы к внешнему API, а типы сквозные от БД до UI.
• Внешний API медтерминалов был нестабильным, а записи терять нельзя — написал свой клиент и идемпотентный ingest: backoff на 6 попыток, circuit breaker (порог 8 ошибок, cooldown 60 сек), окна по 7 дней с курсорной пагинацией и инкрементальный cron. Бэкфилл и синхронизация переживают сбои без ручных перезапусков.
• Медданные нельзя просто прятать в UI — развёл их по отдельным таблицам и сделал RBAC на уровне чтения: урезанная роль физически не джойнится к медицинским полям. Чувствительные данные недоступны на бэкенде, а не просто скрыты на клиенте.
• Под растровый силуэт России не было готового geo-движка — написал свою проекцию lat/lon в проценты изображения (калибровка по двум углам, нормализация антимеридиана) и компонент карты с пузырями и дрилл-дауном. Получилась интерактивная картосхема прямо в дашборде.

Frontend · архитектура с нуля, ревью команды

Фронтенд-архитектура с нуля для системы видеонаблюдения и аналитики на TS / React / MobX — проектирование, код-ревью, менторинг команды.

• Фронтенд платформы видеоаналитики строил с нуля — спроектировал архитектуру на TypeScript / React / MobX, задал паттерны, вёл ревью и менторил команду. На этой базе команда дальше собирает фичи.
• Сделал реалтайм-дашборды на Recharts — операторы видят аналитику вживую, без перезагрузок.
• Большие списки тормозили — виртуализировал их, мемоизировал тяжёлые вычисления, профилировал в Chrome DevTools и вычистил утечки памяти. UI остаётся отзывчивым на больших объёмах.

Frontend · автор библиотеки

Своя библиотека отчётов из React-компонентов: рендерит WebGL-карты и графики в PDF, автонумерация, хедеры/футеры. jsPDF / react-pdf этого не умели — написал своё.

• Нужно было собирать отчёты с картами и графиками, но jsPDF и react-pdf не умеют рендерить WebGL-карты и сложную вёрстку — написал свою библиотеку, которая собирает PDF прямо из React-компонентов и встраивает WebGL-карты и графики. Отчёты выглядят как UI продукта, без ручной вёрстки PDF.
• Для многостраничных отчётов добавил автонумерацию и сквозные хедеры с футерами — документы сразу готовы к печати, с правильной пагинацией.
• Чтобы не дублировать вёрстку, сделал единый слой рендера: одни и те же React-компоненты идут и на экран, и в PDF — один источник правды для интерфейса и отчётов.

Frontend · два клиента + натив на Capacitor, вёл нативную команду

Дашборд на большом сенсорном экране + PWA для родителей: два клиента с общим стейтом. Вёл команду, делавшую нативные приложения на Capacitor (iOS / Android / Android TV).

• Продукт жил на двух очень разных клиентах — геймифицированный дашборд на большом сенсорном экране и PWA для родителей. Спроектировал оба с общим стейтом и реалтайм-синхронизацией, чтобы экран и телефон родителя всегда показывали одно и то же.
• Продукт надо было вывести в сторы и на Android TV — вёл команду, которая упаковывала веб в нативные приложения на Capacitor (iOS, Android, Android TV). Один код доехал до нескольких платформ.
• Добавил Service Worker для офлайна и автообновления — приложение работает без сети и обновляется само.

Frontend · архитектура MVP· 2026

За ~4 дня собрал планшет, который сам ловит вызов из очереди по WebSocket (без relay-бэкенда), развлекает и показывает контекстную рекламу во время приёма, а в конце собирает официальную госоценку качества.

• Планшет должен был сам понимать, что вызвали именно его окно, без промежуточного бэкенда — написал самопереподключающийся WebSocket-клиент, который сравнивает снимки очереди и выводит события call / recall / finish по своему идентификатору окна. Маршрутизация работает на каждом окне без своего бэкенда.
• Между таймером-фолбэком и реальным «finish» от оператора возникала гонка — написал конечный автомат idle → called → serving → rating → thanks с защитами от устаревших событий и убрал баг с дублем анкеты. Поток идёт ровно, без двойного опроса.
• Ожидание у окна хотелось занять релевантной рекламой и развлечь медленных посетителей — сделал эвристику «услуга → жизненная ситуация», легальные форматы рекламы и мини-игру, которая подстраивает сложность под время реакции игрока. Контекстная реклама плюс развлечение, в которое играют даже пожилые.
• Анимации на планшете подёргивались — перевёл прогресс-бар слайдов с JS-анимации ширины на CSS-keyframes scaleX, только на композиторе, без layout. Прогресс-бар идёт плавно, на GPU.