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

Участвовал в разработке корпоративного портала "My.Uralsib" для банка 'Уралсиб'. Система предназначена для автоматизации внутренних процессов, упрощения коммуникации между сотрудниками, управления задачами и доступом к корпоративным ресурсам.


▬︎ Разработал новостной блок на портале, добавив функционал создания и редактирования материалов, внедрил систему лайков и комментариев через WebSocket, организовал адаптивные фильтры и таблицы на базе RTK Query, TanStack Table и Shadcn-UI.

▬︎ Реализовал иерархичную структуру подразделений с переходом к карточкам сотрудников, поиском и фильтрацией, используя Redux Toolkit для состояния, REST API для загрузки данных и TanStack Table для работы с табличным представлением

▬︎ Разработал адаптивную страницу личного профиля сотрудника с отображением персональных данных, фото, должности, статуса и подразделения, используя Shadcn-UI и Tailwind для стилизации.

▬︎ Создал библиотеку адаптивных UI-компонентов с документацией и возможностью кастомизации, используя Tailwind, Shadcn-UI и Storybook для поддержания единого стиля интерфейса

▬︎ Реализовал интерфейс для создания и трекинга заявок (отпуск, командировки, техническое обслуживание и т.д.) с динамическими формами на React Hook Form и Yup, а также внедрил ролевую модель доступа на базе JWT и защиту маршрутов через React Router DOM.

▬︎ Провел аудит приложения, внедрил lazy-loading модули, code splitting и мемоизацию запросов через React.memo, useCallback и RTK Query, что ускорило загрузку и уменьшило количество ререндеров крупных компонентов.

▬︎ Предложил и реализовал систему онбординга для сотрудников, внедрив интерактивный гайд с помощью React Joyride, что позволило пользователям быстрее освоиться на платформе


Стек технологий: React 18, TypeScript, JavaScript(ES6+), React Router Dom v6, ReCharts, JEST, React Joyride, REST API, Websockets, Redux Tool Kit, RTK Query, Shadcn-UI, Tailwind, Storybook, React Hook Form, Yup, JWT, TanStack Table , React Testing Library

Команда: 4 фронтенд разработчика, 3 бекенд разработчика, 2QA, 1 AQA, 1 DevOps, 1 PM, 1 PO, 1 дизайнер, 1 тимлид

Методология: Agile/Scrum

Принимал участие в разработке административной панели управления точками доступа Wi-Fi по Москве для мониторинга, настройки и управления в рамках реализации проекта "Умный город".


▬︎ Разработал модуль изменения конфигураций точек Wi-Fi, реализовав формы на React Hook Form с валидацией через Yup, что ускорило процесс управления сетью для технических специалистов

▬︎ Внедрил интерактивный раздел для визуализации динамики подключений, пиковых нагрузок, доступности, реализовав загрузку и кеширование данные через TanStack Query и графики на базе Recharts для формирования аналитической отчетности.

▬︎ Создал интерфейс административной панели управления точками доступа Wi-Fi по Москве, используя Ant Design для UI-компонентов, Recharts для визуализации метрик и графиков, TanStack Table для работы с табличными данными, React Yandex Maps для отображения карты, WebSocket для получения данных в реальном времени и TanStack Query для загрузки и кэширования API-запросов.

▬︎ Реализовал авторизацию и ролевую модель доступа на базе JWT (Access/Refresh), интегрировав защиту маршрутов через React Router Dom и управление сессией пользователя через Zustand.

▬︎ Разработал всплывающие окна с детальной информацией о точках Wi-Fi на интерактивной карте, используя React Yandex Maps, React Tooltip, что повысило удобство работы сотрудников

▬︎ Внедрил систему unit и интеграционного тестирования, покрыв тестами критические сценариев через Jest и React Testing Library для обеспечения корректной работы приложения.

▬︎ Внедрил функционал группового изменения параметров для нескольких точек Wi-Fi с валидацией данных через React Hook Form и Yup и массовыми запросами через TS Query для сокращения времени на администирование

▬︎ Улучшил процесс CI/CD, внедрил новые правила код-ревью в команде, интегрировал Husky, настроил Prettier и ESLint для поддержания единого код стайла в команде.


Стек технологий: React 17, REST API, Websockets, TanStack Query, TypeScript, JavaScript(ES6+), Zustand, Ant Design, ReCharts, TanStack Table, React Yandex Maps, React Tooltip, React Hook Form, Yup, JEST, React Testing Library, JWT, React Router Dom v6

Команда: 3 фронтенд разработчика, 4 бекенд разработчика, 3 QA, 2 AQA, 1 DevOps, 1PM, 1 системный аналитик, 1 дизайнер, 1 тим лид

Методология: Agile/Scrum

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


▬︎ Создал интерфейс для сравнения нескольких рекламных кампаний, реализовав загрузку данных через RTK Query и Axios, визуализацию через Recharts, аналитические таблицы на базе TanStack Table, что ускорило анализ эффективности кампаний для клиентов.

▬︎ Реализовал интерактивный дашборд с визуализацией основных KPI и динамики рекламных кампаний, реализовав графики на Recharts, таблицы на TanStack Table, а загрузку и кэширование данных через RTK Query и Axios, что позволило оперативно оценивать эффективность кампаний в одном окне.

▬︎ Настроил уведомления в реальном времени о ключевых событиях (завершение кампаний, изменение ставки) с использованием WebSocket и всплывающих уведомлений на базе React-Toastify

▬︎ Внедрил возможность сохранения настроек успешных кампаний и их быстрого применения при создании новых, используя JSON, localStorage и REST API для хранения и загрузки данных, что ускорило запуск похожих рекламных активностей.

▬︎ Разработал библиотеку переиспользуемых UI-компонентов на базе Base UI с полной типизацией и документацией в Storybook, что обеспечило единый стиль интерфейса и ускорило разработку.

▬︎ Реализовал пользовательский интерфейс с возможностью загрузки, предпросмотра и редактирования материалов, используя Dropzone.js для загрузки, React Image Crop для обрезки изображений и DnD-kit для удобного управления элементами, что улучшило пользовательское взаимодействие.

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


Стек технологий: React 16, React 17, TypeScript, JavaScript(ES6+), Redux Tool Kit, DnD-kit, Dropzone.js, GitLab, Confluence, JIRA, Docker, React Router Dom v5, React Image Crop, TanStack Table, REST API, Axios, RTK Query, Base UI, Storybook, ReCharts, React-Tostify

Команда: 2 фронтенд разработчика, 3 бекенд разработчика, 1QA, 1AQA, 1DevOps, 1 PM, 1 дизайнер, 1 тимлид

Методология: Agile/Scrum