React Frontend developer

На данный момент Frontend developer.

Мои компетенции и опыт

Банк "Санкт-Петербург" (Октябрь 2023 — Июль нужен доступ к резюме год 10 месяцев)

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

Финансовый сектор • Банк

Работал над внутренним банковским сервисом для оптимизации процесса оформления и отслеживания банковских карт, сервис предоставлял сотрудникам инструменты для быстрого создания заявок на выпуск карт, мониторинга их статуса на всех этапах (от одобрения до доставки в отделение банка или по адресу клиента), управления лимитами и параметрами безопасности, а также формирования отчетов для контроля и аналитики.

• Разработал динамическую форму для создания заявок на выпуск карт, адаптирующую набор полей в зависимости от типа карты и статуса клиента.
• Разработал интуитивно понятный трекер статуса карты, визуально отображающий каждый этап процесса выпуска – от одобрения заявки до активации карты клиентом – с четкими иконками и информативными описаниями.
• Реализовал модуль, представляющий собой профиль карты, который включает в себя всю информацию о карте, клиенте и текущем статусе. Модуль предоставляет сотрудникам банка возможность ручного изменения статуса карты в исключительных случаях, редактирования клиентских данных на определенных этапах процесса выпуска для исправления ошибок или внесения изменений.
• Используя React Testing Library и Jest покрыл юнит тестами модуль конвертации, снизив количество обращений от тестировщиков и ускорив процесс регрессионного тестирования, тем самым сократив время выпуска новых версий и повысив их стабильность.
• Реализовал функциональность отслеживания статуса заявок на банковские карты в реальном времени в интерфейсе при помощи WebSocket. Использовал библиотеку SockJS для обеспечения fallback-механизмов при недоступности WebSocket. Разработал кастомный хук React для управления WebSocket-соединением, обеспечив автоматическое переподключение при разрыве соединения и оптимальную обработку ошибок, что позволило добиться стабильной и надежной работы системы обновления статусов заявок.
• Разработал клиентский RBAC-механизм для административной панели, реализованный на базе React Router, обеспечивающий: динамическую проверку прав доступа при отрисовке компонентов, бесшовную интеграцию с системой авторизации на основе JWT для безопасной и эффективной аутентификации, управление ролями и разрешениями сосредоточенными на уровне UI и роутов, что позволяет гибко настраивать права доступа и упрощает администрирование системы.

Стек: React, TypeScript, Redux Toolkit, web socket, REST API, JWT, Antd design, React Testing Library, Jest, WebSocket, SockJS, нужен доступ к резюме , PostgreSQL, nginx, i18n, Swagger, Storybook, GitLab, Jira, Figma

Новео (ex. Noveo) (Июль 2021 — Сентябрь нужен доступ к резюме года 3 месяца)

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

Компания занимается разработкой качественного ПО и проведением независимого тестирования.

Проект - CRM система для мониторинга парковок г. Москва.

Позволяет мониторить парковки, заводить события, назначать ответственных, соблюдать контроль по парковкам.

• Разработал систему визуализации данных о заполненности парковки, включающую интерактивные графики и диаграммы, отображающие уровень заполненности в течение дня, недели и месяца или любого другого временного промежутка.
• Интегрировал API Яндекс.Карт для отображения парковочных мест в виде интерактивных маркеров на карте. При наведении на маркер отображается детальная информация о парковочном месте, включая его статус (свободно, занято, зарезервировано, неисправно), стоимость и дополнительные характеристики.
• Разработал календарь, предназначенный для планирования и отслеживания всех мероприятий, связанных с обслуживанием парковочных мест, включая техническое обслуживание оборудования, уборку, ремонт и другие работы.
• Внедрил в проект комплексное решение для управления формами, основанное на связке библиотек react-hook-form и zod. Это позволило создать декларативный и типобезопасный подход к валидации данных, значительно упростив разработку новых форм.
• Разработал отображения статуса парковочных мест в виде таблицы, оптимизированной для обработки больших объемов данных. Использовал библиотеку react-virtualized для виртуализации строк таблицы, что позволило отображать только видимую часть данных, значительно снизив нагрузку на браузер. Для обновление статусов в реальном времени, использовал библиотеку SocketIO.
• Внедрил Tailwind и MUI в проект. На базе MUI разработал набор кастомных React-компонентов, унаследовавших принципы Material Design, но адаптированных под уникальный дизайн-код проекта. Все кастомные компоненты были задокументированы и интегрированы в Storybook, что обеспечило удобство тестирования, наглядность и возможность повторного использования компонентов.
• Предложил проводить регулярное ретро, взяв на себя роль модератора и организатора процесса. Получил положительный отклик от коллег, отметивших, что ретроспективы позволяют своевременно выявлять проблемные зоны и уязвимости в командной работе, повышают открытость коммуникации и способствуют более эффективному решению возникающих вопросов.

Стек: React, TypeScript, MobX, SCSS, Vite, Cypress, Docker, MUI, Jest, Swagger, GitLab, Jira, Storybook, SocketIO, Tailwind, API Яндекс.Карт