Максим Ф. — Frontend Developer

"SmartUnity 4.0" — это IoT-платформа, разработанная для мониторинга и управления протяжённой магистральной инфраструктурой в режиме реального времени. Система обеспечивает сквозной контроль 500+ технологических объектов — насосных станций, резервуаров, узлов учёта, ЛЭП — с отображением статусов на карте, автоматическим реагированием на отклонения и детальной телеметрией. Позволяет снизить время реагирования на инциденты до 3 раз и сократить внеплановые простои на 20–30%. ❖ Важные задачи и достижения: 1. Разработал карту объектов на React и Leaflet, реализовав поиск по названию, фильтрацию по типу и статусу, цветовую индикацию состояний, управление видимостью через иерархическое дерево и авто-центрирование карты по клику на объект, что упростило визуальный контроль оборудования и сократило время поиска устройств на 60 %; 2. Разработал панель администратора на React.js и HighCharts, реализовав визуализацию ключевых метрик системы: количество аварий, подключённые/отключённые устройства, активированные/неактивированные аккаунты, количество администраторов и распределение устройств по тегам. Это обеспечило точную онлайн-сводку по 200+ устройствам и пользователям системы; 3. Реализовал интерфейс управления списком категорий событий с выбором цвета и типа, а также конфигурацию пользовательских триггеров с привязкой к категории и текстом уведомления, обеспечил отправку активированных событий на сервер в реальном времени через Socket.io, повысив оперативность реакции юзеров на действия в системе; 4. Оптимизировал отображение справочников и списков в приложении, внедрив виртуализацию на основе React-virtuoso и бесконечную прокрутку с lazy-fetch, что устранило фриз интерфейса при отображении списков с более чем 300 элементами; 5. Разработал многошаговую форму создания устройства на React-Hook-Form и Yup, реализовав структурированный ввод более 25 параметров (наименование, координаты, тип, протокол, связи, категории событий и расчётные формулы), что ускорило создание новый устройств в 2 раза; 6. Оптимизировал сборку проекта, внедрив динамический импорт страниц через lazy-loading, что снизило размер основного бандла на 38 % и ускорило загрузку первого экрана на 1,2 секунды; 7. Разработал компонент управления экранами с использованием @dnd-kit, реализовав древовидную структуру с неограниченной вложенностью, drag-and-drop реорганизацию узлов, а также экспорт/импорт, что позволило гибко настраивать структуру интерфейсов мониторинга с 1000+ объектами; 8. Реализовал множество компонентов и страниц на React, TypeScript с загрузкой данных через RTK-query, настроил типизированные эндпоинты, обработку состояний загрузки и ошибок, кэширование ответов; Проект реализуется по Scrum, в команде задействовано 13 специалистов: 2 frontend- и 4 backend-разработчика, системный аналитик и 2 бизнес-аналитика, 2 QA-тестировщика, DevOps-инженер и product owner. Работал с технологиями: React, Redux, JavaScript, TypeScript, React-viruoso, Yup, Redux-toolkit, testing-library/react, CI-CD, React-Hook-Form, @dnd-kit, Jest, Scss, RTK-query, webpack.

“Гарант ДокМэйл” — цифровая платформа для юридически значимого электронного документооборота между компаниями, органами власти и физлицами. Позволяет создавать, согласовывать, подписывать и отправлять документы с ЭЦП, объединяя участников в единую среду без использования бумаги. Система поддерживает роуминг с ведущими операторами ЭДО, работу с сертификатами, интеграцию с Telegram, а также формирование цепочек документов и групповой чат по каждому ЭДО. ❖ Важные задачи и достижения: 1. Разработал модуль чата в карточке ЭДО на React.js и Socket.io, реализовав обмен сообщениями в реальном времени с разделением на пользовательские/системные события и отображение статуса прочтения, что обеспечило прозрачную коммуникацию между участниками процесса и ускорило согласование документов на 35 %; 2. Разработал многошаговую форму создания ЭДО на React, Redux с выбором сценария (подписание, согласование, передача), загрузкой нескольких файлов, назначением участников и наблюдателей и подписанием документов через КриптоПро плагин. Это позволило пользователям запускать сложные сценарии документооборота менее чем за 7 минут; 3. Покрыл ключевые UI-компоненты и бизнес-логику unit-тестами на jest и testing-library/react, реализовал проверку пользовательских сценариев, динамических состояний и граничных условий, достигнув покрытия 95 % для критичных модулей; 4. Выполнил рефакторинг легаси-кода React приложения, переписав классовые компоненты на функциональные с использованием React Hooks, провёл декомпозицию контейнеров на переиспользуемые компоненты и выделил бизнес-логику в отдельные хуки, что ускорило внедрение новых фич на 30 %; 5. Используя React, реализовал интерфейс авторизации по сертификату с интеграцией КриптоПро и обработкой четырёх различных сценариев регистрации, включая создание новой организации, ручную привязку сертификата и подтверждение администратором, что обеспечило безопасный вход и высокий уровень UX; 6. Участвовал в планировании спринтов, ежедневных созвонах, грумингах и ретроспективах, участвовал в оценке и декомпозиции задач; 7. Проводил ревью кода коллег в GitLab; Работал в команде из 9 специалистов: 2 frontend- и 2 backend-разработчика, бизнес-аналитик, 2 QA-тестировщика, DevOps-инженер и product owner. Работал с технологиями: React, Redux, JavaScript, TypeScript, Crypto-pro, Yup, Redux-toolkit, testing-library/react, CI-CD, React-Hook-Form, Jest, Scss, RTK-query, webpack.