Специалисты

ERP-решение для автоматизации пищевого производства

Роль в проекте Frontend разработчик (React) Цель проекта Разработка внутренней платформы для цифровизации производственных и ресторанных процессов. Решение охватывает контроль заказов, логистику складов, поставки, финансы и отчётность. Цель - повысить прозрачность процессов, улучшить скорость принятия решений и сократить ручной труд сотрудников. Архитектура: ● Модульный подход: Feature-Sliced Design (FSD) ● Клиент: одностраничное приложение (SPA) на React с маршрутизацией через React Router ● Сервер: Java + REST API ● Управление состоянием: React.createContext ● Аутентификация: JWT с ролевым разграничением ● База данных: PostgreSQL ● Сборка: Vite ● UI: Ant Design, LESS, методология BEM Непосредственные задачи ● Разработала модуль управления производственными процессами с возможностью фильтрации, поиска и отображения аналитических данных. ● Внедрила полный CRUD-функционал для управления записями о производстве. ● Разработала интерфейс управления поставками - с отображением текущих статусов, сроков поставок и фильтрацией по контрагентам. ● Интегрировала модуль финансовой отчётности, реализовав визуализацию ключевых метрик с помощью диаграмм и таблиц. ● Создала интерфейс перемещения товаров между складами с возможностью отслеживания перемещений и фильтра по параметрам. ● Внедрила компонент уведомлений о системных событиях - изменение статуса заказа, ошибки синхронизации, уведомления о дефиците товаров. ● Реализовала раздел "Прайс-лист" - с возможностью добавления, редактирования и удаления ценовых позиций. ● Реализовала экспорт таблиц с данными (Excel, CSV) в модулях "Производство" и "Склад". ● Настроила механизм авторизации с JWT и реализовала проверку ролей для разграничения доступа. ● Обеспечила адаптивную и кросс-браузерную вёрстку, оптимизировала загрузку компонентов и работу с таблицами. ● Оптимизировала рендеринг таблиц и фильтрацию данных для работы с большими объёмами записей. ● Сверстала пользовательские интерфейсы по макетам дизайнера, учитывая особенности UX и корпоративный UI-кит. ● Тестировала собственные компоненты и оперативно устраняла баги, выявленные при ручной проверке. ● Настроила взаимодействие с REST API для динамического подгрузки данных при постраничной навигации (пагинации). Состав команды: 1 Project Manager, 1 бизнес-аналитик, 3 backend-разработчика, 2 frontend-разработчика, 1 дизайнер, 1 тестировщик, 1 DevOps-инженер

React, TypeScript, React Router, JavaScript, HTML, CSS, LESS, BEM, Ant Design, REST API, axios, HTTP, JWT, SVG, PostgreSQL, Vite, GitLab

Июнь 2025 — по настоящее время месяцев

Корпоративный обучающий портал промышленного предприятия

Роль в проекте React разработчик Цель проекта Платформа для прохождения интенсивов и курсов по различным направлениям внутри промышленного предприятия. Позволяет сотрудникам повышать квалификацию, проходить курсы для карьерного роста и исследовать смежные области знаний. Архитектура ● SPA приложение на React 17, маршрутизация через React Router. ● Сетевое взаимодействие – запросы к RestAPI бэкенда через библиотеку Axios, WebSocket взаимодействие. ● Аутентификация и авторизация с использованием JWT. ● Менеджер состояния – библиотека MobX версия 6. ● Верстка – StyledComponents (версия 6), библиотека компонентов Ant Design (версия 5.9). ● Сборщик проекта – VITE с использованием TypeScript. ● Анализ и код стайл – ESLint, Prettier. ● Организация CI/CD процесса с помощью Gitlab CI/CD, Docker, K8s. Непосредственные задачи ● Настроила корректную навигацию и маршрутизацию в SPA-приложении с использованием React Router. ● Разработала новые функциональные возможности для работы с формами: расширила поля ввода, добавила валидацию и интеграцию с внешними API. ● Внедрила систему проверки введённых данных на клиентской стороне для повышения качества и точности пользовательского ввода. ● Реализовала функционал чата с виртуализацией списка сообщений, сохранением непрочитанных сообщений между сессиями и режимом "неактивного пользователя". ● Настроила отправку запросов к серверу и обработку ответов с помощью библиотеки Axios. ● Реализовала обработку JWT-токенов для аутентификации и авторизации пользователей. ● Настроила глобальное управление состоянием приложения с помощью библиотеки MobX. ● Разработала пользовательский интерфейс с использованием Styled Components и компонентов Ant Design, обеспечив единый стиль и адаптивность. ● Участвовала в настройке и поддержке конфигурации сборки проекта на Vite. ● Поддерживала стандарты кодирования, проводила рефакторинг, улучшала структуру кода и оптимизировала производительность фронтенд-части. ● Устранила ошибки и баги, выявленные на этапе тестирования и в процессе работы пользователей. ● Участвовала в настройке и сопровождении CI/CD-процессов на GitLab CI/CD и Docker. Состав команды Team Lead Frontend, 4 Frontend разработчика, Team Lead Backend, 4 Backend разработчика, 1 Аналитик, 3 QA, 1 Дизайнер

JavaScript, TypeScript, React.createContext, MobX, HTML, CSS, LESS / SCSS, BEM, Ant.design, Node.js, express.js / koa.js, fetch / axios (XMLHttpRequest), Websockets, HTTP, API Key (токен) / JWT, SVG, Vite

Июнь 2024 — Май 2025 месяцев

Универсальная торговая платформа для частных и институциональных инвесторов

Роль в проекте React разработчик Цель проекта Разработка универсальной торговой платформы для частных и институциональных инвесторов, обеспечивающей доступ к широкому спектру финансовых инструментов — акциям, облигациям, ETF и деривативам. Платформа включает аналитические инструменты для технического и фундаментального анализа, графики и индикаторы, позволяющие инвесторам принимать взвешенные решения. Архитектура ● Микросервисная. ● Frontend: React. ● Backend: Java. ● Взаимодействие с backend-частью через BFF. Непосредственные задачи ● Разработала компоненты главной страницы, страниц входа/регистрации и личного кабинета. ● Интегрировала компонент для работы с микрофронтендами. ● Реализовала адаптивное отображение интерфейсов для различных устройств и экранов. ● Создала модуль получения и отображения рыночной информации (котировки акций, графики, новостные ленты). ● Добавила интерактивные элементы: формы для ввода торговых заявок, настройки стопов и лимитов. ● Разработала интерфейс для выставления различных типов заявок (лимитные, рыночные, стоп-заявки). ● Подключила фронтенд к бэкенду для автоматизации процессов выставления и мониторинга заявок. ● Настроила библиотеки для построения графиков (Chart.js). ● Реализовала масштабирование и прокрутку графиков. ● Добавила систему отображения предупреждений и уведомлений о рисковых ситуациях. ● Реализовала функционал формирования налоговых отчетов и портфелей. ● Построила панель с ключевыми показателями и статистическими данными (торговый баланс, исторические данные по активам). ● Настроила уведомления о значимых изменениях на рынке. ● Написала юнит-тесты и интеграционные тесты для проверки корректности работы компонентов. ● Занималась багфиксингом и улучшением UX/UI. ● Взаимодействовала с командой DevOps для настройки CI/CD конвейера и автоматического деплоя обновлений. Состав команды 4-7 backend разработчиков, 3 frontend разработчика, 2 QA, дизайнеры, 2 DevOps

React, Redux ,TypeScript, HTML, CSS, Material UI, Chart.js, WebSocket, Apollo Client, Jest, Enzyme, Cypress, Git, Docker, Jenkins, AWS, NPM, Webpack, Babel, Jira, Agile Scrum, Windows

Январь 2023 — Май 2024 месяца

Сервис доставки продуктов и готовой еды

Роль в проекте React разработчик Цель проекта Разработка и развитие клиентской части масштабируемого сервиса для онлайн-заказа доставки продуктов и готовых блюд с ближайших дарксторов и ресторанов. Проект включал интеграцию с платёжными системами, разработку трекинга курьера в реальном времени и реализацию адаптивного интерфейса для мобильных пользователей. Архитектура ● Frontend: React + Redux Toolkit ● Backend: Node.js с Express.js ● API: REST API и WebSockets ● БД: PostgreSQL ● Кэширование: Redis для хранения сессий и промежуточных данных Непосредственные задачи ● Разработала корзину с возможностью добавления и удаления товаров, редактированием количества и динамическим отображением состава заказа. ● Реализовала механизм расчёта финальной стоимости с учётом промокодов, бонусов и доставки. ● Внедрила трекинг статуса заказа и перемещения курьера через WebSockets — пользователи могли в реальном времени видеть путь курьера на карте. ● Настроила интеграцию с бекендом для получения информации о товарах, скидках, тайм-слотах доставки и состоянии заказов. ● Оптимизировала интерфейс под мобильные устройства, переработала UX корзины и оформления заказа для повышения конверсии. ● Исправила ошибки, выявленные в ходе тестирования и пользовательской аналитики (включая баги на этапе оплаты и отображения адреса). ● Участвовала в разработке нового интерфейса главной страницы с возможностью быстрого выбора товаров из категорий и рекомендованных подборок. ● Активно взаимодействовала с командой: обсуждала архитектурные решения, участвовала в code review, планировании спринтов и grooming-сессиях. Состав команды Product Owner, Tech Lead, 5 frontend разработчиков, 7–8 backend разработчиков, 2 DevOps-инженера, 6–8 QA, 2 UX/UI дизайнера

JavaScript, TypeScript, React, Redux Toolkit, React.createContext, HTML, CSS, LESS / SCSS, BEM, Ant Design, Axios, WebSockets, Express.js / Koa.js, Query.rest, JWT, API Key, Webpack, SVG

Апрель 2022 — Декабрь 2022 месяца

Графический онлайн-редактор для создания скетчей на образовательной платформе для детей

Роль в проекте Frontend разработчик Цель проекта Разработка интерактивного графического редактора, предназначенного для образовательной платформы, ориентированной на детей. Редактор позволяет пользователям создавать и редактировать рисунки и схемы, используя интуитивно понятный интерфейс и специализированные инструменты. Платформа способствует развитию творческих способностей, улучшает навыки рисования и помогает детям лучше понимать учебные материалы через визуализацию. Архитектура ● Frontend: HTML5 Canvas, JavaScript (ES6+) ● Backend: Node.js, Express.js ● База данных: MongoDB Непосредственные задачи ● Разработала платформу, способную стабильно поддерживать до 10 000 одновременных пользователей без потери производительности. ● Реализовала уникальные инструменты для рисования, адаптированные под возрастные особенности детей. ● Написала логику для рисования линий, фигур, кистей и других примитивов с использованием HTML5 Canvas. ● Настроила управление состоянием инструментов рисования (цвет, толщина, тип кисти) через локальное состояние и Redux. ● Настроила отслеживание событий мыши (mousemove, mousedown, mouseup) для интерактивной работы с холстом. ● Синхронизировала координаты действий пользователя с координатами на холсте для точного отображения графики. ● Внедрила механизм сохранения текущего состояния рисунка (пути, объекты) в локальное состояние компонента и хранилище Redux. ● Реализовала функциональность undo/redo для отмены и повторения действий пользователя в редакторе. Состав команды 1 ПМ, Team lead, 4 разработчика: 3 Frontend, 1 Backend, 2 QA, дизайнер, технический писатель

JavaScript, HTML, CSS, SCSS, BEM, Webpack, SVG, Canvas (2D)

Январь 2022 — Март 2022 месяца