Специалисты

Банк

Роль в проекте Frontend разработчик (React) Цель проекта: Разработка приложения банка для работы с физическими и юридическими лицами. Приложение включает в себя все возможные взаимодействия клиента с банком: открытие счёта, заявки на дебетовую или кредитную карты в разных валютах, выполнение денежных переводов, управление счетами, открытие расчетного счёта для юридических лиц (компаний), а также информирование клиентов. Архитектура Frontend: React, React Router, Redux (Redux Toolkit), React Query, SignalR Классическая клиент-серверная архитектура. Фронтенд реализован с помощью множества подмодулей (git submodules), которые разделяют проект на работы с ФЛ и ЮЛ, включает отдельные модули с кастомными UI компонентами, для работы с анонимными пользователями, модуль авторизации и многие другие. - Взаимодействие с сервером через стандартные HTTP запросы, чаты, уведомления и динамические обновления данных с использованием websockets. Непосредственные задачи: - Разработала и интегрировала новые UI-компоненты и разделы на основе дизайн-макетов и технических заданий. - Создала кастомные интерфейсные элементы: баннеры, сторисы, всплывающие уведомления, карточки операций и другие виджеты. - Интегрировала UI-компоненты в архитектуру React приложения с учётом принципов модульности и повторного использования. - Использовала Material UI и SCSS/LESS для стилизации, обеспечив адаптивную и кросс-браузерную верстку. - Оптимизировала производительность компонентов с применением ленивой загрузки, React.lazy и Suspense. - Устранила дублирование кода, вынеся повторяющуюся логику в кастомные React-хуки. - Улучшила архитектуру фронтенд-модулей, структурировав логику по слоям и обеспечив масштабируемость. - Внедрила PWA-функции: реализовала Service Workers, кэширование и кастомное обновление интерфейса по свайпу. - Настроила HTTP-взаимодействие с серверной частью через Fetch API, реализовала обработку загрузок, ошибок и обновления интерфейса по ответу сервера. - Интегрировала WebSockets (SignalR) для реализации реального времени: чаты, уведомления, обновления данных. - Реализовала валидацию форм на стороне клиента с кастомными правилами и синхронизацией с backendлогикой. - Использовала Redux / Redux Toolkit и React Query для управления состоянием и обработки асинхронных операций. - Настроила взаимодействие между frontend и backend, включая спецификации API и интеграции. - Выполнила верстку новых компонентов и разделов, провела рефакторинг и расширение существующего функционала. - Подготовила код к релизу, включая тестирование, документирование изменений и финальную проверку. - Участвовала в стендапах, планировании спринтов и ретроспективах. - Проводила код-ревью и участвовала в поддержке технического качества проекта. - Согласовывала задачи и сроки с аналитиками, QA и backend-командой. - Проанализировала требования, участвовала в обсуждении и проектировании решений. Состав команды: 5 Аналитиков, 3 frontend-разработчика, 3 backend-разработчик, 1 DevOps, 5 QA

React, Redux, React Router, React Query, JavaScript, TypeScript, SVG, Websockets, HTML, Fetch API, Material UI, LESS / SCSS

(Март 2025 — по настоящее время) месяцев

Приложение для управления ЭДО

Роль в проекте Frontend-разработчик (React) Цель проекта: Разработка веб-приложения для мобильных устройств для управления электронным документооборотом компании. Сервис позволяет создавать электронный документ, настраивать его маршрут (например, собрать необходимые подписи пользователей), управлять статусом документов (подписать, отклонить, вернуть на доработки, отправить и т.д.). Реализована возможность прикреплять файлы из загрузки или из предустановленных шаблонов и управлять этими файлами (скачивать, возвращать предыдущую версию и другое), просматривать список всех своих документов (отправленных и полученных для выполнения каких-либо действий). Frontend: React, Redux (Redux Toolkit), SignalR Клиент-серверная архитектура с использованием асинхронных запросов. SignalR позволяет отслеживать изменения в системе в режиме реального времени. Непосредственные задачи: - Реализовала интеграцию с внешним сервисом АТАЧ через HTTP-запросы с использованием Axios и Fetch API. - Настроила хранение и обновление состояния документов с помощью Redux / Redux Toolkit и реализовала асинхронные эффекты для загрузки данных. - Провела редизайн пользовательского интерфейса в соответствии с обновлёнными дизайн-макетами и обеспечила адаптивность для мобильных устройств. - Оптимизировала отзывчивость интерфейса, сократив время загрузки и улучшив пользовательский опыт. - Разработала функциональность загрузки и выбора шаблонов документов из локальной базы данных. - Создала UI-компоненты для отображения и выбора шаблонов: карточки, выпадающие списки, формы заполнения. -Интегрировала шаблоны с backend-сервисом для получения и сохранения данных. - Реализовала валидацию форм документов, включая отображение пользовательских ошибок и логирование. - Разработала модуль «Личный кабинет поставщика — Карточка заявки», включая UI-компонент с полями ввода, кнопками и статусами. - Реализовала переходы между статусами заявок (подтверждение, отклонение, возврат на доработку), интеграцию с сервером и обновление UI. - Настроила получение обновлений по статусам заявок в реальном времени с помощью SignalR. - Разработала функциональность подтверждения заявок поставщиками, включая компонент подтверждения, комментарии и ограничения доступа по ролям. - Реализовала групповую работу с файлами (PDF, DOCX, XLSX и др.): загрузка, валидация (тип, размер, количество), управление версиями. - Интегрировала работу с файлами с backend-частью, включая возможность возврата к предыдущим версиям. - Настроила серверную пагинацию, фильтрацию и сортировку для оптимизации работы со списками и предотвращения дублирования данных на клиенте. - Разработала компонент календаря с возможностью выбора диапазона дат и интеграцией с backend для отображения событий и поручений. - Создала каталог документов с фильтрами, поиском и сортировкой, обеспечив масштабируемость. - Настроила действия на сервере без дополнительного кеширования на клиенте для минимизации источников истины. - Реализовала роль администратора с расширенными правами доступа. - Участвовала в релизах, анализе требований, планировании задач, коммуникации с командой и код ревью. Состав команды: 1 TeamLead, 3 frontend-разработчика, 1 backend-разработчик, 1 DevOps, 1 QA, 1 дизайнер

React, Redux, TypeScript, HTML, LESS / SCSS, SignalR, HTTP,

(Ноябрь 2024 — март 2025) месяцев

Портал промышленных закупок в режиме самообслуживания

Роль в проекте Frontend разработчик (React) Цель проекта: Разработка портала закупок в режиме самообслуживания для крупного металлургического предприятия с использованием подхода RBAC, предоставляющего различные уровни доступа пользователям: клиентам, поставщикам и администраторам. Разработка интерфейса для составления, редактирования, подтверждения и просмотра заказов и заявок пользователями разных ролей. Создание системы просмотра детальной информации о поставщиках с гибкой настройкой интерфейса под потребности каждого пользователя. Упрощение взаимодействия между заказчиками и поставщиками, повышение эффективности процессов закупки и снабжения предприятия. Архитектура Frontend: React, Tailwind, RBAC, SignalR Проект следует клиент-серверной архитектуре с асинхронным запросами с использованием стандартной библиотеки axios/fetch для React Задачи: - Настроила взаимодействие с серверной частью через axios/fetch и Redux Toolkit, обеспечив централизованное управление состоянием. - Разработала переиспользуемые и адаптивные UI компоненты с учётом требований UX/UI и стилистики Tailwind. - Реализовала компонентную архитектуру с логическим разделением по слоям и унификацией бизнес-логики. - Разработала функциональность личного кабинета поставщика, включая создание и редактирование заявок. - Реализовала интерфейсы администратора: локальные каталоги, справочник поставщиков, кабинет администратора. - Добавила функциональность комментариев и отзывов в мобильной версии, с учётом требований адаптивности. - Настроила маршруты для карточек документов с помощью React Router и реализовала динамическую загрузку данных с React.lazy. - Разработала логику выбора и переключения пользовательских ролей, включая сохранение состояния и ограничения доступа. - Реализовала механизм ограниченного доступа к функционалу для незарегистрированных пользователей. - Реализовала валидацию форм, включая форму заявки и формы поручений, с полной интеграцией с backend и логикой доступа. - Разработала функционал просмотра и редактирования заявок, включая управление правами (редактирование только автором заявки). - Интегрировала SignalR для получения обновлений заявок и поручений в реальном времени. - Разработала компонент выпадающего списка с поиском и фильтрацией по введённому тексту. - Реализовала функциональность выполнения поручений: отображение статусов, комментарии, действия, резолюции, перенос сроков. - Настроила интеграцию с backend для создания, подтверждения и отмены поручений, а также валидировала пользовательские действия. - Настроила пагинацию, фильтрацию и сортировку заявок, обеспечив полную интеграцию с API. - Разработала mock API для разделов «Поставщики», «Заявки», «Список заявок заказчика» и обеспечила обработку ошибок. - Оптимизировала обработку ошибок с вынесением логики в Redux и унификацией механизмов отображения. - Участвовала в регрессионном тестировании после каждого изменения и контроле стабильности компонентов. - Обновила библиотеки React до актуальных версий и перенесла мобильную часть на современные единицы вьюпорта (dvh/dvw). - Приняла участие в CI/CD процессах и работе с системой контроля версий. Состав команды: 1 TeamLead, 3 frontend-разработчика, 2 backend-разработчика, 3 аналитика, 1 DevOps, 1 QA, 1 дизайнер

React, TypeScript, HTTP, Tailwind, Redux, SignalR, HTML, CSS, mock API, регрессионное тестирование

(Июль 2024 — ноябрь 2024) месяцев

АО НПК ВТиСС

Роль в проекте Frontend разработчик (React) Цель проекта Разработка проектов для визуализации и взаимодействия сложных наборов данных в виде таблиц и географических карт. Frontend: React Backend: Pyramid Непосредственные задачи - Реализовала и доработала функционал на стороне фронтенда, включая ключевые модули для визуализации данных; - Разработала динамически генерируемые таблицы с возможностью переиспользования в различных частях проекта; - Внедрила гибкие карточки товаров с различными представлениями в зависимости от контекста использования; - Разработала функционал для удаления, редактирования, создания, фильтрации и сортировки данных в таблицах; - Создала переиспользуемые компоненты, включая форму редактор формул, древовидный список и др.; - Реализовала функционал отображения и взаимодействия с географическими картами с использованием Leaflet и D3.js; - Провела рефакторинг ранее написанного кода с улучшением читаемости и повторного использования компонентов; - Исправляла ошибки и участвовала в стабилизации функционала в ходе разработки. Состав команды: 1 TeamLead, 5 frontend-разработчиков, 7 backend-разработчиков, 1 QA, 2 аналитика, 1 руководитель проекта, 1 Product Owner

React, HTML, JavaScript, Redux, D3.js, Leaflet

(Ноябрь 2022 — март 2024) месяцев

Интернет-магазин автозапчастей

Роль в проекте Fullstack-разработчик Цель проекта: Разработка интернет-магазина и сайта-визитки для компании, организующей доставку автомобильных запчастей из Китая. Разработка проекта велась “с нуля”. Frontend: React, Next.js Backend: Django Непосредственные задачи - Разработала адаптивный пользовательский интерфейс для интернет-магазина и сайта-визитки, включая интерактивные слайдеры, каталог, форму обратной связи, карточки товара, блоки акций и другие компоненты. - Реализовала взаимодействие с сервером и обеспечила корректную передачу и получение данных через API. - Настроила почтовый клиент для обработки обращений с формы обратной связи. - Внедрила систему поиска по товарам и фильтрацию в каталоге для удобства пользователей. - Реализовала функциональность проверки оригинальности товара с помощью QR-кода. - Разработала бизнес-логику на Django, спроектировала модели данных и реализовала их. - Настроила административную панель Django для управления контентом и заказами. - Обеспечила отправку данных клиенту, реализовав соответствующий backend-функционал. Состав команды 2 fullstack-разработчика, 1 QA, 1 UX/UI designer, 1 PM, 1 PO

JavaScript, React, Axios, Next.js, Python, Django, PostgreSQL

(Август 2021 — октябрь 2022) месяцев

Сеть Связной

Роль в проекте Fullstack-разработчик Цель проекта: Разработка корпоративного приложения для работы курьеров (управление статусами заказов, распределение заказов между курьерами). Разработка проекта велась “с нуля”. Frontend: React, Next.js Backend: Django Непосредственные задачи: - Разработала пользовательский интерфейс, оптимизированный под мобильные устройства для удобной работы курьеров. - Реализовала бизнес-логику личного кабинета курьера, включая отображение и изменение заказов, взаимодействие с сервером через API. - Разработала и реализовала систему управления статусами заказов. - Настроила и реализовала систему регистрации и авторизации пользователей с использованием JWT. - Спроектировала и реализовала модели данных на Django для управления сущностями проекта. - Настроила административную панель Django для работы с заказами и пользователями. - Проводила интеграционное и функциональное тестирование, используя Jest и Cypress. 2 fullstack-разработчика, 3 backend-разработчика (senior, middle), 1 QA, 1 UX/UI designer, 1 PM, 1 PO

JavaScript, React, Next.js, Python, Django, Django REST Framework, JWT, PostgreSQL, Jest, Cypress

(Cентябрь 2020 — Август 2021) месяцев