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

Фронтенд и архитектура· 2026

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

• Сервису нужен был кабинет сразу под несколько брендов. Собрал весь SPA: восемь брендов из одной кодовой базы, новый добавляется парой конфигов, каждый ответ API проходит проверку схемой.
• Кабинет должен открываться, даже когда основной домен недоступен. Service worker на каждом переходе сверяется со списком зеркал и незаметно уводит на живое, старые ссылки из бота и закладок тоже доводят до кабинета. Сборка обфусцирована.
• Подписки из старого Telegram-бота переезжают в веб-аккаунт за пять шагов, вместе с оплатой и остатком дней. Повторный перенос и чужие аккаунты флоу отлавливает сам.
• Бандл раздулся от Firebase, Lottie и QR. Разрезал его по страницам и вынес тяжёлое в отдельные ленивые чанки: стартовый вес упал с 1706 до 656 КБ, по gzip с 467 до 175.
• Продуктовые события, ошибки и падения API собираются в PostHog, срезы по бренду, платформе и релизу.

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

Midjourney, GPT-Image и LLM-чат в одном Telegram Mini App. Я отвечал за WebSocket-движок генераций, платежи и интеграцию легаси-чата.

• Генерации показывают живой прогресс: написал свой WebSocket-клиент, который ведёт каждый запрос отдельно и сам переподключается. Обрыв связи не теряет ни одной генерации.
• Кроме простой генерации дал весь набор инструментов Midjourney: вариации, апскейл, зум, панорама, смешивание картинок. История хранится деревом, ветвиться можно от любого шага.
• Монетизация целиком моя: тарифы, подписки, промокоды, оплата. Реальные деньги в проде.
• Старый чат встроил в новое приложение через iframe с полной интеграцией, вплоть до вибраций и клавиатуры. Деплой поднял сам. Для пользователя шов незаметен.

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

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

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

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

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

• С нуля до MVP за две недели. Фронт и его серверная прослойка (BFF) живут в одном монорепо с общими схемами данных: типы сквозные от БД до интерфейса, доступы к внешнему API не попадают в браузер.
• API медтерминалов нестабильный, а терять записи нельзя. Сделал загрузку, которая сама повторяет неудачные попытки, пережидает серии сбоев и продолжает с места остановки. Ничего не теряется и ничего не надо перезапускать руками.
• Медданные нельзя просто спрятать в интерфейсе. Разделил их на уровне базы и чтения: роль без допуска медицинские поля даже не читает из БД, до браузера они не доезжают.
• Под растровый силуэт России готового движка карт не было. Написал свою привязку координат к картинке и компонент карты с пузырями и проваливанием в регионы.

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

Фронтенд системы видеонаблюдения и аналитики, спроектированный с нуля: TypeScript, React, MobX. Дальше ревью и менторинг команды.

• Фронтенд строил с нуля: спроектировал архитектуру на TypeScript, React и MobX, задал паттерны. Команда дальше собирает фичи на этой базе, я вёл ревью и менторил.
• Дашборды на Recharts обновляются вживую, без перезагрузок.
• Большие списки тормозили: виртуализировал, закешировал тяжёлые вычисления, нашёл и вычистил утечки памяти.

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

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

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

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

Дашборд на большом сенсорном экране и PWA для родителей, два клиента с общим состоянием. Вёл команду, которая заворачивала это в нативные приложения на Capacitor.

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

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

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

• Планшет должен сам понять, что вызвали именно его окно, а промежуточного бэкенда нет. Клиент слушает общую очередь по WebSocket, сравнивает её состояния и сам вычисляет вызов, повтор и завершение для своего окна.
• Опрос иногда показывался дважды: таймер-подстраховка спорил с реальным завершением от оператора. Вылечил конечным автоматом с защитой от устаревших событий.
• Ожидание у окна занимает контекстная реклама по эвристике «услуга → жизненная ситуация» и мини-игра, которая подстраивает сложность под время реакции. Играют даже пожилые.
• Анимации подёргивались. Переписал прогресс-бар так, чтобы его рисовала видеокарта без пересчёта вёрстки: идёт плавно.