MPManager

MPManager

Сервис для автоматизации работы с Wildberries, Ozon и Яндекс.Маркет

mpmgr.ru/

MP Manager — платформа для автоматизации бизнес-процессы селлеров и оптимизации рекламных кампаний на маркетплейсах Wildberries и Ozon. Дополнительно развивал экосистему через Chrome Extension, которое расширяло интерфейс WB прямо на сайте.

Основная работа строилась вокруг высоконагруженных графиков, таблиц с большими объёмами данных, кэширования и оптимизации UI.


Моя роль

Frontend-разработчик (TypeScript / React / Next.js). Отвечал за разработку ключевого UI, производительность интерфейса, интеграции с API и инженерные практики (документация, Storybook).


Что сделал:

UI и производительность

  • Разработал множество кастомных нагруженных таблиц и дашбордов (Recharts)
  • Web Workers — вынос тяжёлых вычислений (агрегации/подготовка данных для графиков) из main thread, чтобы не блокировать UI.
  • Кэширование данных в IndexedDB — чтобы ускорять повторные открытия дашбордов и уменьшать количество одинаковых запросов.
  • Виртуализация для таблиц/списков — рендер только видимой области, чтобы интерфейс не лагал.

Тестирование

  • Внедрил Storybook и описал 50+ stories для основных компонентов/состояний.
  • Ввёл Markdown-документацию для пользователей (how-to, FAQ, базовые сценарии) - это снизило нагрузку на поддержку по типовым вопросам.

Архитектура и интеграции с API

  • Подключил swagger-typescript-api для генерации интерфейсов/типов сущностей из API. Снизил дублирование кода и риск расхождений между фронтом и бэком при изменениях контрактов.

Отдельный проект: Chrome Extension для WB

С нуля разработал расширение для Chrome, которое дополняло карточки товаров на сайте WB:

  • Добавляло в интерфейс WB дополнительную информацию, полезную селлерам, встроенные дашборды с метриками прямо на страницах WB.
  • В основе использовал Manifest v3, React + TypeScript
  • Авторизация осуществлялась через MP Manager API

Технологии

Next.js, React, MUI, Recoil, React Hook Form, Recharts, IndexedDB, Web Workers, TypeScript, Jest, Storybook, swagger-typescript-api, lodash

MarketplacesE-commerceAnalyticsWildberriesOzonChrome ExtensionFrontend PerformanceHigh-load DashboardsData VisualizationLarge Data TablesVirtualizationIndexedDB CachingWeb WorkersClient-side CachingRendering OptimizationTypeScriptReactNext.jsRechartsMUIRecoilReact Hook FormStorybookDesign SystemComponent-Driven DevelopmentJestAPI IntegrationsSwagger TypesDocumentationMarkdown