Разработчик

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

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

О себе:

Frontend-разработчик с 4 годами коммерческого опыта в разработке сложных SPA-приложений, B2B-платформ и внутренних сервисов.

Основной стек: Vue 3, TypeScript, JavaScript, Composition API, Pinia, REST API, Vite и SCSS. Разрабатывал интерфейсы с большими таблицами, аналитическими дашбордами, сложными динамическими формами, интерактивными картами и визуальными конструкторами.

Занимался миграцией с Vue 2 на Vue 3, внедрением TypeScript, декомпозицией крупных модулей, развитием переиспользуемой компонентной базы и рефакторингом legacy-кода.

Имею коммерческий опыт выполнения backend-задач на Ruby on Rails: разрабатывал модели и связи ActiveRecord, REST API, серверную фильтрацию, сортировку и пагинацию, фоновые задачи, email-уведомления, multi-tenant-проверки и бизнес-логику на уровне моделей и SQL.

Могу самостоятельно реализовывать frontend-функциональность, работать с существующей Rails-кодовой базой и закрывать задачи, затрагивающие обе стороны API.

Neko (Оттава, Канада)

Команда заказной продуктовой разработки, которая создает B2B-платформы и внутренние веб-сервисы под задачи клиентов: аналитические интерфейсы, CRM-сценарии, инженерные расчеты, интерактивные карты, сложные формы и системы для работы с большим объемом данных.

Pitch+ — платформа для экспертов и редакционных процессов

B2B-платформа для управления коммуникацией между корреспондентами, экспертами и компаниями. Продукт включает рабочие очереди, заметки и комментарии, email-коммуникации, управление контактами, журнал активности, аналитику и инструменты обработки входящих запросов.

Команда: 7 человек, включая 2 frontend-разработчиков.

Достижения:

1. Внедрил автоматическое формирование email-коммуникаций на основе данных платформы, исключив 5–7 ручных операций при подготовке одного материала.
2. Реализовал и оптимизировал интерфейсы для работы с таблицами объёмом нужен доступ к резюме + строк: поиск, сортировку, фильтрацию по статусам, серверную пагинацию, loading, empty и error states. Это сократило время поиска нужного материала или эксперта примерно на 30%.
3. Разработал аналитические дашборды и журнал активности для отслеживания задач, статусов, действий пользователей и эффективности редакционного процесса. Реализовал фильтры, постраничную навигацию и синхронизацию параметров интерфейса с Rails API.
4. Спроектировал и реализовал multi-tenant-систему нужен доступ к резюме на Ruby on Rails для заметок и комментариев: создал модель упоминаний с полиморфными связями, транзакционную синхронизацию записей, фоновые email-уведомления, API-сериализацию и проверки, исключающие доступ между аккаунтами.
5. Расширял Rails API и серверную бизнес-логику: разработал управление чёрным списком ключевых слов с ролевым доступом, ActiveRecord- и SQL-фильтрацию, серверную пагинацию и сортировку рабочих очередей, создание связанных контактов одним запросом и передачу вложенных данных без дополнительных запросов со стороны frontend.
6. Переработал сложные формы и рабочие сценарии: добавил зависимые поля, inline-валидацию, защиту от некорректных действий и переиспользуемую обработку состояний. Вынес повторяющуюся бизнес-логику в composables и типизировал API-контракты, сократив дублирование кода примерно на 25%.

Стек: 

Vue 3, TypeScript, JavaScript, Composition API, Pinia, Ruby, Ruby on Rails, ActiveRecord, SQL, REST API, Active Job, Action Mailer, Vite, SCSS, HTML5, CSS3, Git, Figma.

Spongecity — платформа инженерных расчётов с интерактивной картой

Платформа для первичных инженерных расчётов при проектировании решений с водопроницаемым покрытием. Система объединяет геологические данные, интерактивную карту, пошаговый расчётный сценарий и формирование итогового отчёта.

Команда: 8 человек, включая 2 frontend- и 2 backend-разработчиков.

Достижения:

1. Разработал сценарий выделения полигонов на интерактивной карте и связал его с расчетным процессом. Это заменило ручной расчет местности удобным визуальным сценарием и сократило время подготовки участка к расчету примерно на 40%.
2. Реализовал 10+ шагов расчетной формы с зависимыми полями, inline-валидацией, подсказками и проверкой ограничений на стороне интерфейса. Это снизило количество ошибок ввода примерно на 25% и уменьшило число возвратов к предыдущим шагам формы.
3. Объединил карту, поэтапные формы, расчетные данные и итоговый отчет в единый пользовательский flow. Это убрало необходимость работать в нескольких разрозненных инструментах и сократило время прохождения первичного расчетного сценария примерно на 30%.
4. Интегрировал frontend с backend-сервисами и AI-анализом геоданных. Реализовал отображение промежуточных состояний обработки, ошибок, повторных запросов и итоговых результатов.

Стек: 

React, TypeScript, JavaScript, REST API, Vite, SCSS, HTML5, CSS3, Git, Figma.

SafeRoots — платформа для учёта правовых и семейных данных

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

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

Команда: 10+ человек, включая 3 frontend- и 2 backend-разработчиков.

Достижения:

1. Реализовал более 30 сложных форм с динамическими полями, зависимыми значениями, валидацией, управлением состояниями и обработкой пользовательских ошибок. 
2. Сократил время разработки новых форм примерно за счет переиспользуемой структуры полей, общих компонентов, composables и унифицированной обработки состояний.
3. Разработал интерактивное древо семейных и правовых связей, которое заменило ручное сопоставление карточек визуальным представлением отношений между сущностями. Это ускорило анализ связей и снизило риск пропустить зависимую запись.
4. Реализовал визуальный конструктор процессов на базе интерактивных блоков и связей между ними. Это позволило настраивать часть пользовательских сценариев через интерфейс вместо отдельных доработок в коде.

Стек: 

 Vue 3, TypeScript, JavaScript, Composition API, Pinia, REST API, Vite, SCSS, HTML5, CSS3, Git, Figma.

Архитектура, миграции и качество frontend-кода

1. Провёл миграцию ключевых модулей с Vue 2 на Vue 3 и Composition API: обновил структуру компонентов, управление состоянием и подход к переиспользованию бизнес-логики. Это унифицировало разработку новых экранов и сократило время внесения изменений в перенесённые модули примерно на 20%.
2. Внедрил TypeScript в существующие frontend-модули: типизировал props, emits, stores, composables, API-ответы и внутренние модели данных. Это сделало контракты с backend более предсказуемыми и позволило выявлять часть ошибок до выполнения приложения.
3. Перестроил архитектуру крупных frontend-модулей: декомпозировал перегруженные компоненты, вынес бизнес-логику из UI-слоя в composables и унифицировал обработку loading, error и empty states. В результате объем отдельных компонентов сократился на 30–40%, а доработка новых сценариев стала занимать меньше времени и реже затрагивать соседнюю функциональность.
4. Разработал 20+ переиспользуемых UI-компонентов: кнопки, инпуты, селекты, модальные окна, таблицы, фильтры, состояния загрузки, empty states и элементы форм. Эти компоненты стали частью общей frontend-экосистемы проектов компании и сократили время разработки типовых экранов примерно на 25–30%.
5. Настроил quality gates для frontend-разработки: ESLint, Prettier, Husky, Git hooks и единые правила форматирования. Это сократило количество замечаний по стилю кода на code review примерно на 60% и позволило фокусироваться на логике, архитектуре и потенциальных багах.

Стек: 

Vue 2, Vue 3, TypeScript, JavaScript, Composition API, Pinia, Vuex, React, Ruby, Ruby on Rails, ActiveRecord, SQL, REST API, Vite, Webpack, SCSS, Git, ESLint, Prettier, Husky.

Контактные данные:

Телефон: нужен доступ к резюме

Почта: нужен доступ к резюме

Телеграм: нужен доступ к резюме - предпочтитаемый способ связи

GitHub: нужен доступ к резюме