Open to Full-Stack, Frontend & DevOps roles

Full-Stack Web Engineering
and Systems Administration.

Frontend & Backend·DevOps & Sysadmin·Figma to Code·System Modification
Current focus:
Full-Stack Platforms/DevOps & Infrastructure/System Modernization
Start a conversation →View architecture ↓

Core Engineering Stack

  • Frontend (Vue 3, Astro, Svelte, TypeScript)
  • Backend (Node.js, NestJS, PostgreSQL, Redis)
  • DevOps & Sysadmin (Linux, Nginx, Docker, CI/CD)
  • Figma to Code & System Modification

Engineering Decisions

Я специализируюсь на модификации, масштабировании и поддержке существующих production-систем вместо изобретения велосипеда. От pixel-perfect переноса дизайна из Figma до Full-Stack разработки, DevOps и Linux sysadmin — я ориентируюсь на практический результат и системную стабильность.

Engineering Case Studies

ProductionB2BWeb Platform
2026B2B Web Platform

TINIQ AGENCY PLATFORM

Role: Lead Full-Stack EngineerStatus: ProductionTeam: Solo
B2B-платформа цифрового агентства для презентации услуг, генерации лидов и аналитики конверсий.
Production-ready сайт агентства с multilingual content, structured presentation, conversion flows и автоматической доставкой лидов через Telegram.
Vue 3·Vite·TypeScript·Netlify Functions·Telegram Bot API·Yandex Metrika
Architecture →
ProductionEnterpriseReal-time
2026Enterprise Logistics Platform

ENTERPRISE LOGISTICS PLATFORM

Role: Lead Full-Stack EngineerStatus: ProductionTeam: Solo
Корпоративная логистическая платформа для управления автопарком, координации складских запасов и операционной деятельности.
Операционные процессы реального времени с geospatial tracking, RBAC, event-driven communication и масштабируемым бэкендом.
Vue 3·NestJS·Redis·PostgreSQL·Socket.IO·Prisma·Mapbox GL
Architecture →
ProductionFrontendSEO
2024Corporate Platform

MY DREAM

Role: Frontend EngineerStatus: ProductionTeam: Solo
Высокоскоростной, SEO-оптимизированный корпоративный сайт.
Легковесная корпоративная платформа с фокусом на performance, responsive layout, structured content и SEO без традиционного бэкенда.
Astro·Svelte·TypeScript
Architecture →
ProductionFrontendPerformance
2025Frontend Engineering

FARID ZIYO

Role: Frontend EngineerStatus: ProductionTeam: Solo
Высокопроизводительное цифровое пространство для бренда в сфере образования и консалтинга.
Современный отзывчивый интерфейс с fluid animatsiyalar, structured content и архитектурой, ориентированной на Core Web Vitals.
Vue 3·CSS·Cloudflare
Architecture →

Engineering Case Studies

TINIQ AGENCY PLATFORM

+

Problem

B2B-агентству требовалась презентация услуг, конверсионные customer flows и автоматический захват лидов без необходимости администрирования выделенного сервера.

Architecture

Vue 3 + Vite frontend с оптимизированными сценариями. Serverless Netlify Functions для обработки форм, валидации и отправки webhook в Telegram.

Constraints

  • Multilingual content с нулевым overhead по производительности
  • Мгновенная доставка уведомлений о лидах через Telegram Bot API
  • Сквозная аналитика конверсий с интеграцией Яндекс Метрики

Trade-offs

Serverless Netlify Functions вместо выделенного Node сервера свели к нулю затраты на инфраструктуру и idle compute, обеспечивая response time <1s.

Result

Production-ready платформа с автоматической доставкой лидов в Telegram, детальной аналитикой и высокими оценками Core Web Vitals.

Lessons Learned

  • Serverless-архитектура идеальна для конверсионных платформ с волнообразным трафиком.
  • Интеграция Telegram Bot API для оперативных алертов сокращает lead response time до минимума.
  • Типизированная валидация на фронтенде отсекает некорректные данные до вызова облачных функций.

ENTERPRISE LOGISTICS PLATFORM

+

Problem

Диспетчеры автопарка и складские менеджеры работали изолированно. Данные геотрекинга запаздывали и приводили к операционным сбоям.

Architecture

Vue 3 + Mapbox GL на клиенте. Слой оркестрации на NestJS, управляющий Socket.IO соединениями. Redis для geospatial кэширования и PostgreSQL/Prisma для долговечного состояния.

Constraints

  • Рендеринг интерактивной карты в 60fps реального времени
  • Обработка непрерывных потоков geospatial телеметрии
  • Offline-capable интерфейс для водителей

Trade-offs

Обработка geospatial агрегаций в Redis до записи в PostgreSQL увеличила сложность архитектуры, но обеспечила отклик UI <100ms.

Result

Единый центр управления логистикой с live fleet tracking, автоматизированной маршрутизацией и нулевой потерей данных при offline-синхронизации.

Lessons Learned

  • Geospatial данные требуют специализированного кэширования, а не стандартных key-value хранилищ.
  • Строгая сквозная типизация NestJS исключает ошибки несоответствия структур полезной нагрузки.
  • Производительность Mapbox GL требует изоляции от реактивных механизмов Vue.

MY DREAM

+

Problem

Клиенту требовался молниеносный, простой в поддержке сайт без бремени CMS и баз данных, но со структурированным каталогом данных.

Architecture

Astro для генерации статического сайта. Svelte islands строго в точках интерактивности. Все данные типизированы в TypeScript на этапе сборки.

Constraints

  • Полное отсутствие бэкенд-инфраструктуры
  • Экстремально быстрая загрузка (static HTML)
  • Обновление данных без миграций БД

Trade-offs

Хранение данных в массивах кода требует коммита для изменений, но полностью устраняет серверные затраты и сетевые задержки баз данных.

Result

Молниеносный ресурс со 100/100 баллами в Google Lighthouse. Контент строго типизирован и статически отрендерен.

Lessons Learned

  • Далеко не каждому сайту нужна база данных. Типизированные массивы в коде дают идеальный DX для контентных платформ.
  • Svelte идеально дополняет Astro благодаря концепции zero-runtime.
  • Валидация данных во время билда надежнее и быстрее валидации в рантайме.

FARID ZIYO

+

Problem

Премиальный личный бренд требовал интерактивного цифрового опыта со сложной анимацией без ущерба для скорости загрузки на смартфонах.

Architecture

Astro для генерации статического HTML. Vue 3 islands для интерактивных компонентов. GSAP для аппаратного ускорения анимаций скролла.

Constraints

  • Строгий бюджет производительности (LCP < 1.5s)
  • Сложные таймлайн-анимации, привязанные к скроллу
  • Максимальные оценки доступности и SEO

Trade-offs

Изоляция логики анимации от реактивности Vue потребовала аккуратного жизненного цикла, но полностью исключила дропы кадров.

Result

Впечатляющий цифровой проект со 100/100 в Lighthouse и стабильными 60fps анимациями на всех типах устройств.

Lessons Learned

  • Архитектура островов Astro учит предельной осознанности при передаче JS на клиент.
  • Экземпляры GSAP ScrollTrigger необходимо аккуратно уничтожать при размонтировании.
  • Design tokens и CSS variables ускоряют и упорядочивают итерации стилей.

Systemic Impact

Realtime WebSocket layer
Синхронизация в реальном времени
Live операционный контроль
Сокращение ручного труда
Централизованный workflow
[Enterprise Logistics Platform]
Serverless доставка событий
Мгновенный пуш лидов (<1s)
Ноль затрат на администрирование серверов
Отказоустойчивая маршрутизация webhook
[Tiniq Agency Platform]

Systems Architecture

Настоящий production-стек — не демо. Каждый слой существует для конкретной цели. Наведите на любой узел для анализа инженерных компромиссов.

Client

Browser

Vue 3 / GSAP
Why

Vue 3 обеспечивает реактивность; GSAP выносит анимации за пределы дерева компонентов ради производительности.

Trade-off vs React

Benefits: Огромная экосистема и гибкость JSX

Limitations: Hooks могут приводить к лишним рендерам в нагруженных real-time приложениях

Decision: Предсказуемая реактивность для data binding в реальном времени.

Core Capabilities

Инженерная дисциплина во Frontend, Backend, DevOps и Linux Sysadmin — с упором на модификацию, масштабирование и поддержку систем и перенос макетов из Figma с абсолютной точностью.

Frontend Engineering
Vue 3, TypeScript, Astro, Svelte, Tailwind CSS. Плавные интерфейсы, компонентная архитектура и высокая скорость рендеринга.
Backend & APIs
Node.js, NestJS, Fastify, PostgreSQL, Redis, Socket.IO. Масштабируемые REST & WebSocket API, потоки событий реального времени и моделирование данных.
DevOps & CI/CD
Docker, GitHub Actions, Nginx, automated deployments, build optimization и zero-downtime release pipelines.
Linux System Administration
Конфигурация серверов Linux, reverse proxies, SSL/TLS certificates, мониторинг состояния и incident debugging.
Figma to Code
Пиксельно точный перенос сложных дизайн-систем из Figma в отзывчивый, доступный код со строгим соблюдением токенов.
Re-engineering & Modification
Модификация существующих кодовых баз, оптимизация bottlenecks и адаптация проверенных решений вместо изобретения велосипеда.

Engineering Principles

01

Ship before polish

Production feedback beats local perfection. Обратная связь из production ценнее локального перфекционизма.

02

Business before abstraction

Architecture exists to support product goals. Архитектура существует ради достижения продуктовых целей.

03

Measure before optimizing

Performance decisions require evidence. Решения по производительности требуют доказательств.