Frontend-разработчик

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

Достижения:
- Реализовал многошаговую форму создания виртуальной машины. Использовал Pinia для
хранения промежуточного состояния и Vue Router для навигации между шагами с
возможностью свободного переключения. Для валидации применил связку vee-validate + yup с
асинхронной проверкой уникальности имени ВМ и доступности IP-адресов
- Разработал экран мониторинга виртуальной машины: отображение загрузки CPU и
использования памяти. Реализовал архитектуру поллинг-сервиса внутри composable с
автоматическим обновлением данных через настраиваемую константу приложения, ручной
паузой обновления и остановкой поллинга при сворачивании вкладки. Добавил обработку
ошибок API и корректное отображение состояний загрузки
- Доработал внутренний компонент выбора диапазона дат для экранов мониторинга и
отчетности. Реализовал быстрые пресеты («Сегодня», «Неделя», «Месяц»), ограничения по
максимально допустимому диапазону, адаптацию под мобильные устройства, корректную
обработку часовых поясов и обработку граничных сценариев
- Участвовал в интеграции платформы с корпоративной системой единого входа. Со стороны
фронтенда отвечал за route guards, обработку callback после успешной авторизации,
отображение состояний загрузки и ошибок, хранение информации о текущем пользователе и
статусе авторизации в Pinia, а также взаимодействие с backend API авторизации
- Инициировал и участвовал во внедрении TanStack Query для управления серверным
состоянием. Перевёл экраны мониторинга и списков ресурсов на useQuery, что позволило
реализовать автоматическое кэширование и фоновое обновление данных, а также
значительно сократить объём инфраструктурного кода для работы с API.

Обязанности:
- Разработка нового функционала и развитие корпоративного веб-приложения на Vue 3
(Composition API) и TypeScript
- Интеграция клиентской части с backend через REST API (Axios), реализация сервисного слоя и
обработка ошибок.
- Разработка и поддержка переиспользуемых компонентов и сложных пользовательских
интерфейсов.
- Создание и сопровождение форм с использованием vee-validate и yup.
- Управление состоянием приложения с помощью Pinia и TanStack Query.
- Написание unit-тестов (Vitest), поддержка Storybook и документирование компонентов.
- Исправление дефектов, рефакторинг существующего кода и участие в улучшении
архитектуры приложения.
- Работа в команде по Scrum с использованием GitLab, Jira, Confluence и CI/CD.

Стек: Vue 3 (Composition API), TypeScript, Pinia, Tanstack Query, Vue Router, Axios,
BootstrapVueNext, Vitest, Storybook, Chromatic, GitLab CI, ESLint, Prettier, Jira, Confluence, Figma,
Microsoft Teams

Разработка пользовательских интерфейсов для заказных веб-проектов различного масштаба:
- Корпоративный сайт с каталогами продукции и услуг, новостными разделами и формами
обратной связи
- Внутренняя система обработки клиентских заявок и управления бизнес-процессами
- Личный кабинет пользователей с авторизацией, управлением профилем и историей
операций

Достижения:
- Реализовал внутреннюю библиотеку компонентов: вынес наиболее часто используемые
компоненты в отдельный набор. Со временем библиотека использовалась практически во всех
новых проектах компании
- Выделил взаимодействие с REST API в отдельный слой сервисов на Axios: вынес конфигурацию
HTTP-клиента, интерцепторы и функции для работы с API, что сократило дублирование кода и
упростило поддержку
- Провёл рефакторинг общих компонентов и устранил дублирование логики, повысив
читаемость и сопровождаемость кодовой базы

Обязанности:
- Разработка новых страниц и компонентов
- Интеграция с REST API через Axios
- Реализация форм обратной связи и заявок
- Таблицы с пагинацией и фильтрацией
- Исправление багов после тестирования
- Адаптивная вёрстка под мобильные устройства

Стек: Vue 2 (Options API), Vuex, Vue Router, Axios, SCSS, Jest, Git (Bitbucket), Jira, Figma