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

Работал в компании над двумя проектами.

Проект 1: B2B/B2C e-commerce платформа по продаже металлопроката и труб
С нуля запустил MVP и далее развиваю frontend-часть продукта в кросс-функциональной команде: архитектура, code review, декомпозиция задач, ключевые пользовательские сценарии и стабильность production.

Стек: Next.js 15/16, React 19, TypeScript, Tailwind CSS, shadcn/ui, Radix UI, TanStack Query, React Hook Form, Zod, Fetch API, OpenAPI Codegen, Ory Kratos, Yandex SmartCaptcha, React Intl, imgproxy, Vitest, RTL, Playwright, MSW, Storybook, Biome, ESLint, Sentry, GitLab CI/CD, Docker, Helm.

Достижения:
— Сформировал архитектурный фундамент frontend-приложения: внедрил Feature-Sliced Design и автоматический контроль импортов в CI, что снизило хаотичный рост кода и упростило масштабирование продукта.
— Провёл рефакторинг API-слоя с Axios на Fetch и обновил проект до Next.js 16; перешёл на встроенное кэширование данных Next.js, сократил сетевые запросы в 1,5 раза и сделал поведение данных более предсказуемым.
— Построил единый типобезопасный API-слой на OpenAPI Codegen + Fetch + TanStack Query, что устранило ручную типизацию и ускорило разработку новых фич.
— Запустил Request Price flow с AI-распознаванием и нормализацией позиций, что сократило ручную обработку заявок и ускорило путь клиента до коммерческого предложения.
— Собрал end-to-end checkout на React Hook Form + Zod (desktop + mobile) и доработал UX (автоскролл к ошибкам, индикаторы заполненности), что снизило количество срывов и повторных неуспешных попыток оформления.
— С нуля кастомизировал auth на Ory Kratos под продуктовые требования: адаптировал UI, сценарии, редиректы и проверки, закрыв полный цикл авторизации.
— Собрал дизайн-систему на shadcn + Tailwind и вынес брендинг, темы и навигацию в manifest-driven конфигурацию, что ускорило выпуск витринных изменений без массовых правок в коде.
— Построил полноценный тестовый контур: E2E на Playwright, unit/component-тесты на Vitest + RTL и HTTPS-среду для тестов; покрытие выросло с 0% до 74%, а CI сохраняет артефакты падений (HTML-отчёт, trace, скриншоты), что снизило количество регрессий в релизах.

Проект 2: внутренняя административная система для управления продажами и e-commerce-процессами
Развивал frontend-часть в продуктовой команде: бизнес-модули, интеграции, доступы и стабильность внутренних контуров.

Стек: Next.js 14, React, TypeScript, React Admin, MUI, MobX, Axios, next-auth, Keycloak, WebSocket, Sentry, OpenAPI Codegen, Buildah, Helm, GitLab CI/CD.

Достижения:
— Реализовал модуль многоуровневого согласования планов по оргструктуре компании: редактируемые таблицы на MUI DataGrid (редактирование, фильтрация, сортировка), валидация на React Hook Form + Zod, сценарии согласования и отзыва с ролевой логикой и аудитом изменений; сократил ручные согласования и повысил прозрачность статусов.
— Собрал динамическую admin-навигацию и ролевые доступы из backend-конфигурации, что упростило добавление новых разделов и снизило объём ручных доработок.
— Настроил авторизацию через next-auth + Keycloak (обновление токена, обработка ошибок, корректный logout-flow), что повысило стабильность входа в production.
— Реализовал контур real-time-уведомлений через WebSocket (reconnect, подписки на события, доставка в UI), что ускорило реакцию пользователей на изменения в рабочих сценариях.
— Провёл рефакторинг Data Provider (фильтры, сортировка, пагинация), что сделало поведение сложных экранов более предсказуемым для пользователей и команды.
— Настроил мониторинг ошибок (Sentry + централизованный ErrorStore), что сократило время диагностики и разбора инцидентов.

B2B/B2C e-commerce платформа производителя кофе (интернет-магазин и личный кабинет оптовых клиентов)
Отвечал за клиентские сценарии, интеграции и качество frontend-части.

Стек: Next.js, React, TypeScript, Redux Toolkit, TanStack Query, React Hook Form, Yup, SCSS, Sentry, GTM, Яндекс.Метрика, Yandex Maps, Dadata, GitLab CI/CD, Docker.

Достижения:
— Запустил checkout для B2B/B2C на React Hook Form + Yup с поддержкой сценариев плательщика и получателя, адресов, доставки, тарифов и ПВЗ, что снизило количество ошибок на этапе оформления.
— Реализовал корзину и механику промокодов через Redux Toolkit с проверками количества, упаковки и конфликтных состояний, что уменьшило долю неуспешных заказов и обращений в поддержку.
— Внедрил модуль «Кофейни»: управление точками, фото, геопривязка и карту на базе Dadata и Yandex Maps, что упростило ведение сети точек.
— Развил личный кабинет оптовых клиентов: «Мои компании», «Мои заказы», документы, повтор и редактирование заказа, что повысило повторяемость заказов.
— Оптимизировал клиентскую часть через code splitting и lazy loading изображений, благодаря чему LCP каталога сократился на треть.
— Подключил и настроил SEO, аналитику и мониторинг через GTM, Яндекс.Метрику и Sentry, что улучшило контроль трафика и ускорило диагностику инцидентов.