untra.dev
Кейс 01: работа в компанииВ проде

Noor, операционные и мерчант-админки

Noor, сервис доставки

Операционные интерфейсы сервиса доставки Noor на нескольких экранах

Задача

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

Моя роль

Штатный разработчик интерфейсного слоя. Полностью построил мерчант-панель, отвечал за основную архитектуру центральной операционки и участвовал в клиентском Next.js-сайте.

Реализованное решение

Три специализированные веб-системы с живыми заказами, правами, отчётами, логистикой курьеров, WebSocket-связью и оптимизированным отображением маршрутов.

Три отдельных фронтенд-репозитория в одной компании и три разные роли в них.

Разбор по системам

Админка для мерчантов

Построил почти единолично, от начала до конца: заказы, тарифы, биллинг и комиссии, промокоды, счета, отчётность, интеграции для партнёров. Панель, через которую бизнесы на платформе ведут свою операционку. Realtime-чат на чистом WebSocket, со своими хуками и utils и с auth-wait хендшейком, который мы сделали вместе с бэкендом: после подключения он немного ждёт токен, прежде чем начать работу. Позже добавил полноценную систему учёта наличных с расчётом комиссий.

Центральная операционная админка (cpanel)

Самая большая и сложная из трёх систем: управление курьерами, живой трекинг, чат, логистика транспорта и батарей, финансовые транзакции компании. Я был основным архитектором и построил почти всё сам за первый год, а затем ввёл в проект и ревьюил сменщика, когда фокус сместился на мерчант-панель.

Клиентский сайт

Контрибьютор в Next.js 15 сайт: живой GPS-трекинг курьера с анимированной отрисовкой маршрута на карте, оптимизация рендеринга и памяти для этой карты. Также i18n, Framer Motion, OTP-авторизация, деплой через Docker и GitHub Actions.

Технологии

ReactViteTypeScriptAG-Grid EnterpriseRedux ToolkitWebSocketNext.js

Подходящие услуги