Real-money iGaming платформа. Пришёл в разгар масштабного обновления — редизайн интерфейса параллельно с переработкой архитектуры, поверх тяжёлого накопленного легаси.
Архитектура и рефакторинг
- Ключевые рефакторинги — централизация сетевого слоя, разбиение 2–3к-строчных god-компонентов и хранилищ (с сохранением прежнего поведения), стандартизация типизации Vue 3 и усиление безопасности в пользовательских сценариях.
Продукт и фичи
- Один из двух фронтенд-инженеров в команде, вёл 18+ сквозных продуктовых фич в рамках 50+ эпиков — механики удержания, онбординг, новая система баннеров, реферальная программа, получение наград.
Процессы и команда
- Каждая фича уходила в прод по полному циклу — адаптив на десктопе/планшете/мобиле, юнит-тесты, локализация через админку, доставка через CDN с WebP и сжатием, трекинг событий через PostHog.
VuePiniaViteVitestTailwindPostHogModular FrontendTypeScript
Фриланс
Fullstack Engineer (Frontend-focused)
Самостоятельные продуктовые проекты — веб-приложения и Telegram Mini Apps в iGaming, e-commerce и крипте.
- Создавал UI-heavy интерфейсы с анимациями, сложными состояниями и адаптивными layout‑системами.
- Реализовывал fullstack-решения: frontend + backend + CI/CD + деплой.
- Проектировал архитектуру, систему ролей и прав доступа, real-time обновления и интеграции.
- Отвечал за качество, производительность и доведение проектов до рабочей прод-стадии.
ReactNext.jsshadcn/uiAceternity UIGoPostgreSQLRedisDockerTimescaleDBTailwindMotion.jsWebSocketsFlutterTypeScriptCI/CD
Игровая платформа в Telegram, выросла до 1M пользователей.
Продукт и фичи
- Возглавил фронтенд игровой платформы в Telegram: от prelaunch до 1M пользователей; отвечал за UI и ключевую логику (награды, покупки, реклама)
- Разработал drop-in SDK для TMA с встраиваемыми UI-виджетами и межигровыми сервисами (аутентификация, профиль, баланс, инвентарь, лидерборды)
- Реализовал насыщенные анимированные взаимодействия и визуальные темы на основе пользовательских стилей Telegram с использованием Motion.js, кастомных систем частиц и анимаций на базе Spline
Производительность
- Оптимизировал под ограничения TMA: сократил initial JS на 55% (с 1.1 MB до 490 KB gz) благодаря code-splitting, tree-shaking и дедупликации ассетов
ReactReduxZustandTailwindTelegram Mini Apps (TMA)Motion.jsFeature-Sliced DesignClean ArchitectureWeb Performance OptimizationTypeScript
AI-инструменты для генерации рекламных креативов.
Продукт и фичи
- Разработал сложный редактор изображений и видео с поддержкой мультислоёв, пакетной загрузки и системой таймлайна и анимаций
- Спроектировал и реализовал генератор рекламных баннеров с системой шаблонов и возможностью постредактирования
- Возглавил полный редизайн интерфейса — от устаревшего Android-стиля до современной дизайн-системы Material 3+
- Разработал аналитические дашборды с графиками и визуальными сводками по рекламным сетям, сократив время ревью кампаний с ~10 до ~2 минут
VuePiniaVuetifyTailwindChart.jsMotion & Interaction DesignDesign SystemsFeature-Sliced DesignClean ArchitectureTypeScript
Платформа иконок и дизайн-ресурсов.
Продукт и фичи
- Разработал SVG-редактор Iconizer на Paper.js с поддержкой групповых скачиваний, редактируемых превью, подсветки кода и ролевого доступа
- Поддерживал и развивал внутренний UI-kit, используемый в нескольких продуктах, включая улучшения доступности
- Улучшил UX рекламных блоков: CTR +18%, viewability 72%
Производительность
- Оптимизировал производительность с помощью lazy loading, SSR и сжатия изображений — LCP −42%, CLS 0.03, вес изображений −55%
VueVuexNuxtPaper.jsSVGSSRFeature-Sliced DesignClean ArchitectureWeb Performance Optimization
Корпоративная система документооборота.
- Разрабатывал изолированные SPA-модули, интегрируемые в легаси-монолит, включая PHP‑интеграции
- Создал внутренний UI-kit для задач документооборота
- Реализовал сложную редактируемую таблицу с вложенными формами и полной адаптацией под мобильные устройства
- Улучшал UX для сокращения ручных и повторяющихся операций в бюрократических интерфейсах
VueModular FrontendSCSS
](/icons/cobalt.png){kind=icon}
](/icons/portal.jpg){kind=icon}
](/icons/smartua.svg){kind=icon}
](/icons/icons8.svg){kind=icon}
](/icons/mkskom.svg){kind=icon}
](/icons/iu.jpg){kind=icon}