Сергей Котенко

Стек: Vue 2/3, Nuxt 2/3/4, TypeScript, JavaScript, Composition API / Options API, Nuxt UI, Tailwind CSS, Vuetify, SCSS, REST API, Git.

Обязанности:

- Разработка и поддержка клиентской части сервисной платформы в сфере инженерных систем: интерактивные статьи, конфигуратор ТЗ, подборки, личный кабинет с управлением объектами и их параметрами;
- Разработка и поддержка внутренней CRM-системы: управление номенклатурой оборудования (котлы, насосы, баки), каталогом компаний-партнёров и брендов, кастомный редактор для создания статей с встраиваемыми интерактивными компонентами, конструктор вопросов;
- Проектирование слоя взаимодействия с REST API: модули авторизации, формы с валидацией, обработка ошибок, списки с фильтрацией и пагинацией;
- Внедрение и поддержка дизайн-системы: перенос токенов (цвета, типографика, брейкпоинты) из Figma, создание библиотеки переиспользуемых UI-компонентов;
- Настройка семантической вёрстки и SEO-оптимизация, включая внедрение Schema.org;
- Рефакторинг кодовой базы, снижение технического долга;
- Участие в командных процессах: Git-flow, код-ревью, декомпозиция и согласование задач.

Достижения:

- Активно участвовал в миграции проекта с Vue 2 на Vue 3: переход с Vuex на Pinia, рефакторинг компонентов с Options API на Composition API, внедрение TypeScript, переписывание UI-компонентов под новый стек;
- Инициировал внедрение Tailwind CSS для постепенного отказа от Vuetify. Разрабатываю новые UI-компоненты (кнопки, инпуты, селекты, чекбоксы, табы, скелетоны, бейджи) на чистом HTML + Tailwind;
- Разработал систему встраиваемых компонентов для кастомного редактора статей: компонент "Спецификация" (CRUD, интерактивный движок разметки изображений с привязкой меток к карточкам оборудования), встраиваемые ссылки и другие кастомные блоки;
- Инициировал внедрение командных процессов: еженедельный релиз-день с тестированием, регламент постановки задач (анализ, декомпозиция, согласование до начала разработки). Результат - снижение техдолга, сокращение визуальных багов, улучшение коммуникации в команде;
- Внедрил разметку Schema.org, улучшив представление страниц в поисковой выдаче;
- Перенёс дизайн-систему из Figma в код: примитивы (цветовая палитра, шрифты, брейкпоинты) и семантические токены (цвета, типографика), обеспечив консистентность интерфейса между макетами и продуктом.