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

1) MDT — веб-платформа, которая помогает компаниям объединять разрозненные процессы в одной системе: от ведения справочников и форм до аналитических панелей и отчётов. Благодаря модульной архитектуре, каждая организация может адаптировать систему под свои бизнес-процессы.


— Реализовал кросс-фильтрацию дашбордов на React + Redux Toolkit + RTK Query с реактивным обновлением графиков при изменении фильтров. Пользователи получили живую аналитику без ручного обновления страницы.

— Создал систему layout-компонентов на React + TS с сохранением фильтров и пагинации в Redux Persist, что дало пользователям возвращаться к нужным срезам данных без повторных действий;

— Преобразовал зашитую логику TypeScript-модулей в настраиваемую JSON-конфигурацию, что позволило ПМ самостоятельно управлять параметрами дашбордов без вмешательства разработчиков;

— Реализовал систему виртуализации таблиц в React + TS с использованием React Window и динамического расчёта области видимости. Решение обеспечило плавную прокруткупри отображении большого количества элементов;

— Формировал и поддерживал бэклог задач на основе продуктовых требований: анализировал бизнес-цели, уточнял технические детали реализации, описывал US и участвовал в приоритизации вместе с ПМ и командой;

— Совместно с дизайнерами разработал и внедрил единый визуальный гайд для графиков и таблиц, обеспечив консистентный UX во всех аналитических модулях, для более комфортного восприятия данных;


2) Charts (TypeScript + D3 для SVG‑графиков) — система предназначенная для визуализации и анализа бизнес-данных через интерактивные дашборды и отчёты. Обеспечивает наглядное представление метрик и ускоряет аналитические процессы.


— Разработал модуль для динамического рендеринга числовых меток на D3-графиках с учётом плотности данных, responsive-адаптации и оптимизацией перерисовки при зуме;

— Написал документацию для модуля Charts: описал структуру проекта, зависимости, API и принципы взаимодействия модулей. Стало проще погружаться в кодовую базу и быстрее подключаться к задачам;

— Расширил функциональность визуализаций, реализовав наложение нескольких временных рядов на один график; это упростило анализ динамики и сравнение показателей за разные периоды.

— Провёл ревизию тестов и допокрыл критичные участки кода unit-тестами (Jest), что позволило повысить надёжность и сократить количество регрессионных ошибок при релизах;

— Создал динамические графики для визуализации бизнес-метрик, используя D3.js. Реализовал функции масштабирования и фильтрации данных, что позволило клиентам детально анализировать информацию;

— Поддерживал принципы модульной архитектуры в проекте, основанной на разделении слоёв engine (отрисовка графиков), model (нормализация данных) и config (польз. параметры)
Что дало более предсказуемый и тестируемый код, более быстрое внедрение новых фичей и снижение связанности между модулями;

Технологии: JS, TS, React, Redux Toolkit, RTK Query, D3, Jest

Разрабатывал ERP-систему Ekom, предназначеную для автоматизации складских операций, управления логистикой и каталогом товаров, а также интеграции с партнёрами-дистрибьюторами. Дополнительно внедрена бонусная система для мотивации менеджеров по продажам.


— Реализовал индивидуальные аналитические панели для разных ролей, используя React-Grid-Layout для гибкой настройки интерфейса. Пользователи получили релевантные данные, улучшив их взаимодействие с системой;

— Разработал интерактивный модуль учёта товаров на складе на React + Ant Design, с асинхронным обновлением данных через React Query, что ускорило контроль остатков и снизило количество ошибок при учёте;

— Провел онбординг для новичков, объясняя архитектуру системы и стек технологий, включая React и Redux Toolkit. Подготовил гайды по основным модулям, что позволило ускорить адаптацию и повысить продуктивность команды;

— Настроил unit и интеграционные тесты для модуля учета товаров, используя Jest и React Testing Library, что повысило стабильность системы и сократило количество багов;

— Разработал интерфейс для мониторинга статуса доставок (Redux Toolkit + React-Toastify) для уведомлений о задержках. У логистов появилась возможность быстро реагировать на изменения и улучшило контроль над процессами;

— Обновил внутреннюю документацию по ключевым компонентам интерфейса, добавив примеры использования AntD и RTK Query. Согласовал изменения с командой, что упростило поддержку кода и интеграцию новых разработчиков;

— Провел рефакторинг модуля настройки доступов, оптимизировав логику с помощью библиотеки Lodash для обработки данных. Устранил избыточный рендеринг компонентов в React, что повысило производительность интерфейса при управлении пользователями.

Технологии: JS, TS, React, Redux Toolkit, React-Query, Ant Design, Jest