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

На данный момент Frontend-разработчик (Vue).

Мои компетенции и опыт

Frontend-разработчик с 3+ годами коммерческого опыта. Специализируюсь как на создании, так и на поддержании продуктов любой сложности. Готов к трудным задачам и всегда стремлюсь к постоянному совершенствованию своих навыков и изучению нового

Основной стэк: Vue, TypeScript/JavaScript, Pinia/Vuex, HTML, CSS/SCSS, Git, Vite/Webpack, Figma

Мой телеграм: yar_bragin

ГАУ Города Москвы Центр цифровизации образования (Март2025 — сейчас)

Проект 1: Административная панель для мониторинга, интеграций и управления данными

- Спроектировал и реализовал архитектуру enterprise-приложения на Vue 3 (Composition API) + Pinia + Vue Router с модульной структурой; разработал 15+ административных модулей (мониторинг заданий обмена, управление пользователями/ролями, интеграции с МЭШ.НСИ, работа с Redis/RabbitMQ/Kafka и др.)

- Сократил время диагностики проблем с минут до секунд, внедрив систему мониторинга с тремя режимами real-time обновления (WebSocket, SSE, HTTP-polling), включая автоматическое управление соединением, обработку ошибок и UI-индикацию состояний подключения

- Снизил время разработки новых разделов, создав переиспользуемую библиотеку из 15+ UI-компонентов (таблицы с пагинацией/сортировкой/фильтрацией, формы, автокомплиты, JSON-viewer, Markdown-редактор) на базе Vuetify; реализовал composable usePaginatedTable — единый источник логики для всех табличных представлений

- Разработал продвинутый Markdown-редактор с live-preview, подсветкой синтаксиса 8 языков (JS, SQL, Python, Bash, JSON, YAML, XML, Markdown), рендерингом Mermaid-диаграмм, task-lists и footnotes — с ленивой оптимизацией рендеринга

- Создал систему иерархической группировки данных (composable useFolderGrouping) с парсингом древовидных структур, locale-aware сортировкой и персистентным состоянием expand/collapse узлов

- Повысил безопасность системы, спроектировав многоуровневую RBAC-систему: 2 роли × 11 feature-флагов доступа, рекурсивная фильтрация маршрутов по ролям и URL-правам, guard-мидлвары с валидацией сессии и автоматическим редиректом неавторизованных пользователей

- Обеспечил отказоустойчивость API-слоя, реализовав централизованный HTTP-клиент на Axios с request/response-интерцепторами, автоматической обработкой 401-ошибок и системой toast-уведомлений — покрыл 96+ API-эндпоинтов

- Ускорил первую загрузку приложения, применив code-splitting и lazy loading для 50+ страниц через Vue Router

- Провёл глубокий рефакторинг legacy-кода: декомпозиция монолитных компонентов, вынос бизнес-логики в composables, унификация паттернов работы с API — значительно снизил количество багов и повысил maintainability

Проект 2: Реестр кадров

- Спроектировал и реализовал SPA на Vue 3 (Options API) + Pinia + Vue Router; разработал адаптивный UI на Vuetify 4 с тёмной/светлой темой (runtime-переключение, localStorage-персистенция), системой компонентных алиасов и кастомными дефолтами

- Повысил удобство работы с данными, разработав интерактивную карточку сотрудника с несколькими разделами, которая позволила HR-специалистам оперативно просматривать и редактировать информацию без переходов между страницами

- Реализовал RBAC-авторизацию: фильтрация доступных реестров по группам пользователя, route guards с редиректами, условный рендеринг элементов по ролям

- Настроил админ-панель: импорт данных из Excel с подтверждением, обнаружение дубликатов, управление кэшем, массовое редактирование карточек, экспорт в Excel

-Ускорил процесс поиска сотрудников, реализовав продвинутую систему фильтрации по множеству параметров с мгновенным обновлением результатов и сохранением состояния фильтров

-Снизил количество ошибок при вводе данных, разработав библиотеку кастомных компонентов с автокомплитами и валидацией форм с подсказками в реальном времени

- Провёл миграцию с Vuex на Pinia — декомпозировал монолитный стор на специализированные модули, убрал boilerplate-код и получил нативную поддержку TypeScript и DevTools

- Провёл миграцию с Vuetify 3 на Vuetify 4 — адаптировал 20+ компонентов к новому API, настроил глобальные дефолты для единого дизайн-стандарта по всему приложению
 

ЭлРос (Февраль 2023 — Февраль нужен доступ к резюме года 1 месяц)

Разработка B2B/B2C экосистемы для туристического сервиса:

Пользовательское веб-приложение:

- Интерактивное приложение в Telegram Mini App (WebApp) с билетами

- Карта локаций и расписанием

- Сервисы оплаты

- Система рекомендаций и отзывов и т.д

Админ-панель для организаторов и менеджеров:

- Управления организациями, мероприятиями, событиями и тд

- Аналитика всех бизнес-процессов, включая отчеты по продажам и посещаемости

- Модуль управления пользователями и ролями (многоуровневая система доступа для сотрудников и партнеров)

- Инструменты маркетинга: промокоды, партнерские программы, рассылки и т.д

- Разрабатывал пользовательский интерфейс веб-приложений с использованием нужен доступ к резюме и Vuetify, обеспечивая высокую производительность и отзывчивость

- Декомпозиция старых и написание новых компонентов (50+ переиспользуемых компонентов):

- Разделил большие монолитные компоненты на более мелкие и независимые модули, что не только улучшило читаемость и поддержку кода, но и сократило время разработки

 - Повысил модульность компонентов, что упростило их тестирование и интеграцию, обеспечив более высокое качество кода и надежность приложения

- Обеспечил повторное использование компонентов в различных частях приложения, что снизило дублирование кода и ускорило процесс разработки новых функций

- Осуществил миграцию одного из проектов с Vue 2 на Vue 3, что позволило использовать новые возможности фреймворка, включая Composition API и улучшить производительность приложения

- Провел миграцию модулей проекта с JavaScript на TypeScript, что сократило количество runtime-ошибок, ускорив онбординг новых разработчиков и ускорило разработку за счёт улучшенной типизации

- Успешно интегрировал различные библиотеки и API, что значительно расширило функциональность приложения и позволило внедрить новые возможности, такие как интеграция платежных систем и геолокационных сервисов, что значительно расширило функциональность приложения и повысило его конкурентоспособность на рынке

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

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