Frontend-Developer

Участвовал в разработке системы дистанционного обучения (LMS) в компании Ай-Теко. Эта система позволяла проходить курсы, отслеживать прогресс и получать сертификаты, повышая квалификацию и эффективность работы.

- Масштабировал корпоративную дизайн-систему, вынеся переиспользуемые UI-компоненты на базе Ant Design в приватный npm-пакет. Это обеспечило визуальную целостность во всех проектах компании и упростило поддержку интерфейсов.

- Внедрил высокопроизводительную визуализацию данных, оптимизировав рендеринг графиков на базе Ant Design Charts. Разработал универсальные модули аналитики с интегрированным слоем кэширования (Axios), которые выделил в отдельную библиотеку для повторного использования коллегами.

- Разработал аналитический дашборд в личном кабинете, собрав его на основе созданных ранее компонентов графиков. Интегрировал TanStack Table для работы с табличными данными и Zustand для синхронизации состояния виджетов, позволив пользователям отслеживать прогресс обучения в реальном времени.

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

- Разработал и внедрил двухстороннюю синхронизацию расписания с Google Calendar и Outlook, что полностью автоматизировало планирование мероприятий. Реализовал на Axios устойчивые API-соединения с обработкой ошибок и автоматическими повторными запросами при сбоях.

- Провел рефакторинг фронтенд-архитектуры, переведя проект на архитектуру близкую к Feature-Sliced Design (FSD). Подготовил техническую документацию с описанием архитектурных решений и ключевых нюансов реализации.

- Инициировал и разработал систему онлайн-лекций с гибридным рендерингом. Использовал Next.js с App Router для SSR на основных страницах и CSR для интерактивных стримов, Zustand для управления состоянием сессий, Axios для коммуникации с API, WebRTC для видео и Socket.io для чата и доски, создав иммерсивный опыт в рамках платформы.

- Добавил интерактивные опросы и мини-тесты в онлайн-лекции для повышения вовлеченности. Использовал React-Hook-Form для форм и Socket.IO для обновлений в реальном времени. Результатом стало увеличение активности пользователей во время трансляций.

- Разработал функционал тестов с ограничением времени и автоматической проверкой. Применил Immer для иммутабельного управления состоянием и React-Countdown для таймера. Это обеспечило точную оценку знаний пользователей в рамках системы тестирования.

Стек технологий: CSS, Confluence, GitLab, HTML, Node.js, Scrum, Kanban, TypeScript, Storybook, TanStack Table, React-Countdown, Immer, React-Hook-Form, Docker, Next.js 14, Jest, React Testing Library, Playwright, Zustand, Axios, Ant Design, Ant Design Charts, React 18, REST, Socket.IO, WebRTC

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

- Создал интерактивную панель для отображения ключевых метрик, таких как активность клиентов и объем продаж, на основе библиотеки Recharts для визуализации данных. Реализовал динамическое обновление данных с помощью RTK Query для минимизации запросов.

- Настроил покрытие модуля клиентской базы unit и интеграционными тестами, используя Jest и React Testing Library. Это повысило стабильность приложения и снизило количество ошибок при добавлении новых функций.

- Произвёл миграцию проекта с GraphQL на REST: интегрировал сгенерированные через Orval API-клиенты в существующие компоненты, обеспечив полную типизацию запросов и ответов.

- Разработал функционал расширенных фильтров для поиска клиентов по статусу, региону и другим параметрам в модуле клиентской базы. Использовал библиотеку React-Select для удобного интерфейса выбора.

- Провёл миграцию проекта с React 17 на React 18: обновил ядро приложения, заменил устаревший API рендеринга на createRoot, адаптировал тесты под новую версию. В результате фильтры и графики перестали тормозить, а пользователи получили более отзывчивый опыт взаимодействия с платформой.

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

- Создал комплексную документацию для модуля задач и напоминаний в Confluence, детально описав архитектуру системы, принципы работы ключевых компонентов и сценарии использования, упрощая онбординг новых сотрудников и ускоряя их адаптацию.

- Создал и документировал переиспользуемые компоненты для раздела отчетов в Storybook с интеграцией Chromatic. Это стало основой для онбординга дизайнеров и разработчиков, обеспечив единый подход к интерфейсам и предотвратив визуальные регрессии.

Стек технологий: CSS, Confluence, Docker, GitLab, HTML, JavaScript, Lodash, Node.js, RTK, RTK Query, React-Select, React-hook-form, Recharts, Scrum, Storybook, TypeScript, Jest, React Testing Library, React (React 17, React 18), GraphQL, REST