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

Развитие low-code платформы (500+ корпоративных внедрений)
Команда: 3 фронтенд, 3 бэкенд, 2 тестировщика, продуктовый аналитик, дизайнер
Отвечал за: модули управления клиентским слоем данных, дашбордов, виджетов, интерактивной генерации SQL-запросов к базе данных

Стек: JavaScript, TypeScript, React, MobX, Rspack, LESS, SQL, REST API, Stencil, Playwright, Jest, GitLab CI, Docker, WebSocket

- Спроектировал и разработал инфраструктуру для создания пользовательских компонентов на платформе — встроенную IDE на Monaco Editor и ядро компонентов на базе шаблонизатора Mustache. Мигрировал существующие виджеты на новую модель, что позволило системным аналитикам самостоятельно создавать и кастомизировать виджеты без привлечения команды разработки;
- Спроектировал и разработал аналитическую панель, отображающую данные SQL-запросов внутри пользовательских компонентов платформы, что позволило строить визуализации данных любой сложности;
- Мигрировал сборку платформы (15к+ модулей) с Webpack на Rspack, сократив время: продакшн сборки в 7,5 раза, сборки dev сервера в 9 раз и HMR в 12,5 раза, что ускорило GitLab CI джобу сборки проекта в 1,4 раза и улучшило DX 25+ frontend-разработчиков;
- Оптимизировал скорость загрузки приложения: декомпозировал начальный бандл с помощью Webpack code splitting, выстроил инфраструктуру вокруг React Router для ленивой загрузки маршрутных компонентов и добавил preload точку входа для отправки критических запросов до инициализации приложения, что сократило размер начального чанка в 2,6 раза и снизило FCP в 1,7 раза;
- Спроектировал и разработал масштабируемый платёжный модуль для приёма онлайн-платежей с поддержкой хуков на события жизненного цикла платежа для выполнения пользовательской бизнес-логики; подключил к модулю платежные сервисы: CloudPayments, ЮKassa и Stripe;
- Оптимизировал GitLab CI джобу, контролирующую качество кода в фича-ветках, ограничив анализ только измененными файлами, что сократило среднее время её выполнения в 3 раза;
- Переработал архитектуру состояний корневого компонента модуля интерактивной генерации запросов к базе данных и селективно мемоизировал дочерние компоненты, что сократило Render duration в 6 раз и улучшило отзывчивость интерфейса.

Разработка системы управления автопарком (50к+ автомобилей, тысячи пользователей, поток телеметрии в реальном времени)
Команда: 3 фронтенд, 2 бэкенд, продакт-менеджер
Отвечал за: модули картографии, обработки телематических данных и дашбордов; улучшение CI/CD процессов

Стек: JavaScript, TypeScript, React, Redux Toolkit, TanStack Query, SCSS, Mapbox GL JS, Mapbox GL Draw, Leaflet, Socket.io, D3.js, Webpack, Node.js, Jenkins, Jest, Cypress, Service Worker, WebSocket

- Спроектировал и разработал компонент визуализации маршрутов на Mapbox GL JS с интерактивной временной шкалой на D3.js, позволяющей просматривать историю событий и состояния автомобиля на протяжении всей поездки, что ускорило разбор инцидентов, заменив ручной анализ логов визуальным интерфейсом;
- Спроектировал и разработал модуль геозон с интерактивным редактором полигонов на Mapbox GL Draw и гибкой настройкой поведения системы при их пересечении, что автоматизировало процесс мониторинга маршрута для диспетчеров;
- Спроектировал и разработал интерактивную карту реального времени на Mapbox GL JS и Leaflet с кастомной кластеризацией маркеров, что позволило устранить деградацию производительности при 1000+ объектах на карте;
- Реализовал офлайн-режим через Service Worker API с кэшированием последнего известного состояния автомобилей и автоматической синхронизацией при восстановлении соединения, что обеспечило непрерывность работы приложения при потере интернет-соединения;
- Спроектировал и разработал аналитический дашборд на D3.js с drill-down навигацией от общего обзора автопарка до детальных метрик по каждому водителю и автомобилю, заменив ручные запросы к БД наглядной интерактивной аналитикой в едином интерфейсе;
- Выстроил CI/CD pipeline на Jenkins с автоматической проверкой качества кода через ESLint и Prettier, запуском юнит-тестов на Jest и E2E-тестов на Cypress, исключив попадание некачественного кода в продакшн.