Фронтенд разработчик и дизайнер. Проектирую интерфейсы, которые могу сделать сам. Программирую то что запроектировал.

Фронтенд разработчик и дизайнер. Проектирую интерфейсы, которые могу сделать сам. Программирую то что запроектировал.

  • Фронтенд

    Разработка и поддержка: интерфейсов продукта, логики на клиенте, взаимодействия с REST API, библиотек компонентов и дизайн-систем, npm пакетов и AI-функций продукта. Оптимизация производительности интерфейсов. Семантическая, адаптивная и кроссбраузерная вёрстка: BEM, Mobile first, анимация. Тестирование компонентов, API и кроссбраузерные проверки.

    • JavaScript
    • TypeScript
    • HTML
    • CSS
    • SCSS
    • Tailwind CSS
    • Flexbox
    • Grid
    • Animations
    • Framer Motion
    • Rive
    • Lottie
    • Swiper
    • Radix UI
    • Headless UI
    • react-hook-form
    • MDX
    • React
    • React Hooks
    • Next.js
    • Redux
    • Zustand
    • jotai
    • i18n
    • REST
    • GraphQL
    • Fetch
    • Jest
    • Vitest
    • React Testing Library
    • Playwright
    • a11y
    • Lighthouse
    • Storybook
    • Vite
    • Webpack
    • ESLint
    • Node.js
    • npm
    • Less
    • PostCSS
    • Vue 2
    • Vue 3
    • Vuex
    • Pinia
    • Nuxt 2
    • Nuxt 3
    • Quasar
    • Gatsby
    • Jamstack
    • Rollup
    • Grunt
    • Gulp
    • Yarn
    • Axios
  • Инфраструктура и инструменты

    Работа с Jamstack. Настройка и интеграция Headless CMS в проект. Настройка инфраструктуры для локальной разработки и запуска проекта на VPS в Docker. Настройка внутреннего и внешнего роутинга, включая SSL. Настройка CI/CD и сборка проекта. Автоматизация контроля качества кода: git-хуки, линтинг, форматирование. SEO анализ и оптимизация проекта. Работа с AI-инструментами: написание кода, ревью, рефакторинг, дебаг и тестирование.

    • Cursor
    • Claude Code
    • Codex
    • VSCode
    • Terminal
    • Git
    • GitHub
    • GitHub Actions
    • CI/CD
    • simple-git-hooks
    • lint-staged
    • commitlint
    • Prettier
    • Vercel
    • Headless CMS
    • Jamstack
    • GitLab
    • Bitbucket
    • Jira
    • Agile
    • Scrum
    • Docker
    • Nginx
    • Contentful
    • Strapi
    • Sanity
    • Algolia
    • HubSpot
    • WordPress
    • drone.io
    • Gatsby Cloud
    • Netlify
    • Semrush
    • Screaming Frog

Моя карьера

Июнь 2025 – Сейчас, 1 год 4 месяца
Сервис аналитики продаж на маркетплейсах
  • Старший фронтенд разработчик

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

    • —Запустил 6 новых разделов сервиса.
      • —«География заказов» — карта регионов и складов на ECharts.
      • —«Мониторинг запросов» — позиции товаров по выбранным поисковым запросам.
      • —«Позиции в полках» — распределение товаров в рекомендательных полках.
      • —«Анализ ниш» — таблица ниш с фильтрами и переходом в товары.
      • —«Предложения» — публичная доска идей на Next.js и Strapi: модерация, комментарии и премодерация текста через OpenAI.
      • —Промо-баннеры — таргетинг, частота показов и контент через Strapi.
    • —Развивал ещё 5 существующих разделов: «Управление ценами», «Продажи», «Юнит-экономика», «Управление рекламой» и «Обращения поддержки».
    • —Пересобрал публичный сайт sellmonitor.com: главная, тарифы, страницы маркетплейсов, партнёрская программа и SEO-страницы.
    • —Развивал общую библиотеку компонентов на TanStack Table и ECharts.
    • JavaScript
    • TypeScript
    • React
    • React Hooks
    • Next.js
    • SSR
    • jotai
    • Immer
    • React Hook Form
    • TanStack Table
    • ECharts
    • Headless UI
    • Radix UI
    • HTML
    • CSS
    • Tailwind CSS
    • Flexbox
    • Grid
    • Animations
    • Motion
    • Node.js
    • Strapi
    • Redis
    • OpenAI API
    • Vercel AI SDK
    • Amplitude
    • Vite
    • Chrome Extension
    • Fetch
    • Axios
    • ESLint
    • Prettier
    • Turbopack
    • VSCode
    • Terminal
    • Git
    • GitHub
Октябрь 2022 – Июнь 2026, 3 года 7 месяцев

Проектная работа

Веб-разработка на аутсорс
  • Тимлид фронтенд разработки

    Организация работы фронтенд-команды и разработка клиентских проектов студии.

    • —Руководил фронтенд-командой из 5 разработчиков: приоритизация задач, ревью, релизы и решения по стеку.
    • —Внедрил единый code style на проектах команды: ESLint, Prettier, lint-staged и commitlint.
    • —Работал над 8 проектами студии в разных стеках.
      • —CMS и корпоративный сайт агрохолдинга — Next.js.
      • —Маркетплейс музыкальных треков от гост-продюсеров — Nuxt.
      • —Сайт бренда кокосовой воды — Laravel и Vite.
      • —Промо-лендинг благотворительного фонда — Laravel и Blade.
      • —Лендинг бренда острых соусов — Next.js.
      • —Лендинг бренда манговых снеков — Next.js.
      • —Виджеты сервиса парковки у аэропортов.
    • —Ключевой проект — CMS и корпоративный сайт агрохолдинга.
      • —Перевёл CMS с Next.js 14 Pages Router на Next.js 15 App Router и с Redux на Zustand.
      • —Доделал и запустил CMS — 18 разделов: страницы, меню, продукты и бренды, производства, пресс-центр, баннеры, партнёры, вакансии, WYSIWYG-редактор с изображениями. Интерфейс спроектировал без макетов на библиотеке компонентов.
      • —Собрал с нуля сайт на Tailwind CSS и Motion — 16 страниц по макетам: компонентная база, анимированные блоки, каталог брендов и продуктов, пресс-центр, интерактивная карта и формы обратной связи с вложениями.
    • —Писал unit-тесты на компоненты и бизнес-логику на Jest.
    • JavaScript
    • React
    • React Hooks
    • Redux
    • Zustand
    • Next.js
    • SSR
    • TypeScript
    • Axios
    • Jest
    • HTML
    • CSS
    • SCSS
    • Tailwind CSS
    • Less
    • Flexbox
    • Grid
    • Animations
    • Framer Motion
    • Vue
    • Nuxt
    • Node.js
    • ESLint
    • Prettier
    • npm
    • Webpack
    • VSCode
    • Terminal
    • Git
    • Docker
    • Nginx
Продуктовая веб-студия
  • Фронтенд разработчик

    Разработка и поддержка маркетинговых сайтов клиентов студии на Gatsby и Next.js с Headless CMS.

    • —Работал над 9 клиентскими сайтами на Gatsby и Next.js с Tailwind CSS и Framer Motion.
      • —isovalent.com — Gatsby и WordPress.
      • —revenuecat.com — Gatsby и WordPress.
      • —fonoa.com — Next.js и Sanity.
      • —observiq.com — Next.js App Router и Sanity.
      • —kcdzurich.ch — Gatsby.
      • —terminal49.com — Next.js и Sanity.
      • —terzo.ai — Next.js.
      • —ebpf.io и cilium.io — Gatsby.
    • —Собирал pixel-perfect страницы по макетам с контентом из Headless CMS: Sanity (включая схемы документов) и WordPress через GraphQL.
    • —Делал интерактивные блоки: анимации на Framer Motion, Rive и Lottie, слайдеры, формы на react-hook-form с интеграцией HubSpot.
    • —Развивал компонентную базу проектов, использовал SSR и получение данных на сервере в Next.js App Router, оптимизировал загрузку новых и существующих страниц.
    • —Проводил ревью задач других разработчиков, следил за доступностью и SEO.
    • JavaScript
    • React
    • React Hooks
    • Next.js
    • SSR
    • Gatsby
    • TypeScript
    • GraphQL
    • Fetch
    • HTML
    • CSS
    • Tailwind CSS
    • Flexbox
    • Grid
    • Animations
    • Framer Motion
    • VSCode
    • Terminal
    • Git
    • GitHub
    • Jamstack
    • Headless CMS
    • Strapi
    • Sanity
    • WordPress
    • CI/CD
    • Gatsby Cloud
    • GitHub Actions
    • Netlify
    • Vercel
    • Semrush
    • Screaming Frog
Сервис аренды прокси
  • Фронтенд разработчик

    Запуск проекта, доработки по обратной связи и переезд с Quasar на Nuxt.

    • —Довёл проект до запуска: авторизация, заказ, тарифы, информационные страницы и мультиязычность.
    • —После запуска исправлял критические баги и дорабатывал основные модули по обратной связи от пользователей без изменений в дизайне.
    • —Перевёл проект с Quasar на Nuxt в рамках редизайна, отрефакторил компонентную базу и покрыл ключевые модули unit-тестами.
    • JavaScript
    • Vue
    • Vuex
    • Quasar
    • Nuxt
    • SSR
    • TypeScript
    • Jest
    • HTML
    • CSS
    • Flexbox
    • Grid
    • Animations
    • Webpack
    • ESLint
    • Prettier
    • Fetch
    • Axios
    • VSCode
    • Terminal
    • Git
    • GitHub
    • GitHub Actions
Декабрь 2021 – Сентябрь 2022, 9 месяцев
Сервис аналитики продаж на маркетплейсах
  • Фронтенд разработчик

    Разработка новых инструментов аналитики, которые приводят в сервис продавцов с маркетплейсов.

    • —Запустил 6 новых разделов сервиса за 10 месяцев.
      • —«Бизнес» — личный кабинет продавца: подключение API-ключей маркетплейсов и аналитика по его собственным данным.
      • —«Продажи» — сводка продаж, статистика по товарам и упущенная выгода.
      • —«Автоответы на отзывы» — правила ответов, шаблоны, стоп-слова и статистика.
      • —«Юнит-экономика» — расчёт по тарифам маркетплейсов и сохранённые расчёты.
      • —«Категории» — список с поиском и фильтрами, карточка категории с графиками, брендами и продавцами.
      • —«Выгрузки» — список отчётов со статусом в реальном времени и скачиванием файлов.
    • —Собрал базовую библиотеку компонентов проекта: кнопки, поля и формы, пагинация, поповеры, состояния загрузки и пустых данных.
    • JavaScript
    • TypeScript
    • React
    • React Hooks
    • Next.js
    • SSR
    • jotai
    • Immer
    • React Table
    • ECharts
    • Headless UI
    • Radix UI
    • HTML
    • CSS
    • Tailwind CSS
    • Flexbox
    • Grid
    • Animations
    • Axios
    • Mercure
    • next-translate
    • ESLint
    • Prettier
    • Webpack
    • VSCode
    • Terminal
    • Git
    • GitHub
Октябрь 2018 – Декабрь 2021, 3 года 2 месяца
Крупнейший в России регистратор доменов и хостинг
  • Фронтенд разработчик

    Разработка внутреннего HR-проекта, доменного направления и библиотеки компонентов.

    • —Как старший разработчик довёл внутренний HR-проект до релиза: разработка, ревью и unit-тесты на компоненты и логику.
    • —Разработал сценарии покупки доменов и дополнительных услуг в доменном направлении.
    • —Внедрял дизайн-токены и библиотеку компонентов в проекты компании.
    • JavaScript
    • Vue
    • SSR
    • Vuex
    • GraphQL
    • TypeScript
    • Jest
    • HTML
    • CSS
    • Less
    • Flexbox
    • Grid
    • Animations
    • Webpack
    • ESLint
    • Prettier
    • Fetch
    • VSCode
    • Terminal
    • Git
    • GitLab
    • Docker
    • Nginx
Октябрь 2016 – Октябрь 2018, 2 года
B2B-площадка оптовых закупок
  • Фронтенд разработчик

    Разработка торговой площадки и внутренних проектов компании.

    • JavaScript
    • React
    • SSR
    • Redux
    • HTML
    • CSS
    • Less
    • PostCSS
    • Flexbox
    • Grid
    • Animations
    • Fetch
    • Axios
    • VSCode
    • Terminal
    • Git
    • Bitbucket
    • Docker
    • Nginx
    • Grunt
    • Gulp
Май 2016 – Октябрь 2016, 5 месяцев
Площадка по продаже франшиз
  • Верстальщик

    Верстка новых проектов и мобильных приложений на WebView. Поддержка существующих проектов.

    • JavaScript
    • HTML
    • CSS
    • Less
    • Flexbox
    • Animations
    • Fetch
    • VSCode
    • Terminal
    • Grunt
    • Gulp
Февраль 2014 – Май 2016, 2 года 3 месяца
Платформа для типографий, web-to-print
  • Верстальщик

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

    • JavaScript
    • HTML
    • CSS
    • Flexbox
    • Animations
    • Terminal

Проекты

Параллельно с основной работой развиваю свои open source библиотеки: React-компоненты, стили и генераторы тем из дизайн-токенов.

  • JavaScript
  • React
  • React Hooks
  • Next.js
  • SSR
  • TypeScript
  • HTML
  • CSS
  • Tailwind CSS
  • Flexbox
  • Grid
  • Animations
  • Framer Motion
  • Node.js
  • Rollup
  • Vite
  • Webpack
  • npm
  • VSCode
  • Terminal
  • Git
  • ESLint
  • Prettier
  • Storybook
  • Vercel
  • GitHub
  • GitHub Actions
  • CI/CD
  • pbcomponents

    Библиотека React-компонентов для быстрого прототипирования интерфейсов

  • pbstyles

    Библиотека стилей и дизайн-токенов для быстрого прототипирования интерфейсов

  • Tailwind Dictionary

    Генерация темы Tailwind CSS из дизайн-токенов

  • Mixin Dictionary

    Генерация миксинов для Less и SCSS из дизайн-токенов

Матрица компетенций разработчика

Что такое матрица компетенций
Уровни оценки навыков
Матрица компетенций разработчика1234

Результат

55,1

Базовые знания

3

Интернет

3

HTML

3,8

CSS

3,4

JavaScript

3,5

Фреймворки

2,3

Архитектура приложений

3,6

Рендеринг

3

Производительность

3,4

Безопасность

2,3

Дизайн-системы в коде

3,8

Системы контроля версий

3,7

Пакетные менеджеры и монорепо

2,8

Инструменты сборки и качество кода

3,4

Тестирование

2

Web API

2,1

Бэкенд и интеграции

3

ИИ в разработке

3,2