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

Разрабатывал внутреннюю систему для сети ресторанов быстрого питания Rostics. Платформа автоматизировала управление залом, персоналом, заказами гостей и складскими остатками, что снижало операционные издержки и ускоряло обслуживание.

техстек: HTML, CSS, JavaScript, TypeScript, React, Redux Toolkit, Emotion, React Hook Form, React Router, Jest, React Testing Library, Cypress, ESLint, Prettier, Figma, GitLab, GitLab CI/CD, Next.js, Яндекс Вики, Яндекс Трекер, React Query, Axios, Storybook, react-window, REST API, Zod

- Разрабатывал общую внутреннюю UI-библиотеку на Emotion + React которую документировал в Storybook, интегрировал React Hook Form + Zod и написал удобные врапперы для упрощения валидации сложных форм

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

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

- Разработал экраны складского модуля с отображением количества товара, партий, сроков годности и возможностью производить списания и выявлять пересорт. Это улучшило процесс инвентаризации, облегчило отслеживание товаров и их сроков годности и сократило убытки на списаниях.

- Разработал интерфейс для модуля контроля качества и управления инцидентами, создал формы регистрации нарушений и логику назначения задач ответственным сотрудникам

- Разработал дашборд с отображением ключевых показателей ресторана, реализовал настраиваемые KPI виджеты и обновление данных в реальном времени

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

- Реализовал дашборд мониторинга заполнения зала и очередей на Next.js, подключил REST API через Axios и настроил алерты перегрузки касс с обновлением данных в реальном времени

- Реализовал экран конструктора технологических карт, визуализировал состав блюда и себестоимость, связал с данными закупок и склада с помощью Axios и TypeScript моделей

- Создал модуль для анализа финансовых показателей, добавил фильтры по точкам, сменам и подключил отчеты по выручке и маржинальности

- Настроил покрытие критичных модулей с помощью юнит тестов на Jest и компонентных на React Testing Library, добавил сквозные сценарии для операций кассы и склада в Cypress в GitLab CI CD пайплайнах

- Участвовал в проработке интерфейсов с аналитиками и дизайнерами, консолидировал требования, уточнял UX сценарии по макетам Figma, снижал количество доработок после релиза

- Провел рефакторинг тяжелых списков в модулях заказов и склада, применил мемоизацию React, добавил виртуализацию react-window тем самым сократил лаги при большой нагрузке интерфейса

- Верстал компоненты для внутренней вики компании и настраивал ISR на Next.js для быстрого получения доступа ко всем необходимым материалам для работы сотрудников как в ресторанном так и IT отделах

- Описал архитектуру фронта в Яндекс Трекере, оформил гайд по кодстайлу, по конвенциям в написании React компонентов, описал гайдлайн по создании и работе с существующими слайсами в Redux Toolkit и описал наш общий инстанс Axios, помогал онбордингу новых разработчиков

- Ввел единый стек качества кода, настроил ESLint и Prettier для TypeScript и React, интегрировал проверки в GitLab CI CD, сократил количество дефектов и разнородных стилей верстки

Разрабатывал FSM-систему для Дом.ру: единый центр управления воронкой продаж и подключением интернета. Платформа объединяла CRM и управление выездными инженерами, ускоряя обработку заявок, снижая издержки и повышая качество сервиса для клиентов.

техстек: HTML, CSS, JavaScript, TypeScript, React, Vite, Redux Toolkit, React Router, WebSocket, Docker, Axios, Day.js, Lodash, react-beautiful-dnd, react-yandex-maps, Dexie.js, Sentry, Git, GitLab, Figma, Jira, Confluence, Ant Design

- Интегрировал библиотеку react-yandex-maps в модуль геолокации, добавил отрисовку зон покрытия, подсветку проблемых адресов и подсказки по оптимальному маршруту до адреса клиента с учетом пробок и текущей геолокации инженера

- Разработал календарь с расписанием выездов инженеров с отображением их слотов и автоматической проверкой пересечения их смен

- Разрабатывал планер задач инженера, реализовал перекидку заявок между исполнителями, обновление статусов через WebSocket и возможность фильтровать все задачи по исполнителям, районам города и типам работы

- Реализовал интерактивную воронку заявок с драг н дропом (перетаскиванием) клиентов с помощью библиотеки react-beautiful-dnd

- Реализовал офлайн модуль для приложения инженеров с локальным буфером задач на idb спомощью либы Dexie.js, добавил фоновую синхронизацию изменений при восстановлении сети

- Разработал интерфейсы управления сменами и специализациями бригад на React и Ant Design, реализовал автоподбор инженера по типу работ и доступности в расписании

- Сделал дашборды по конверсии и SLA на React и Ant Design, использовал Axios для отображения выборки, подключил Axios Cache Interceptor для кэширования метрик, добавил фильтры по периодам и типам заявок

- Подключил WebSocket для обновлений статусов заявок между офисом и полем в реальном времени, реализовал ненавязчивые уведомления в интерфейсе и обработку обрывов соединения

- Внедрил мониторинг ошибок через Sentry с привязкой к контексту (у кого упало приложение и прочие данные) и событиям полевых сценариев. Составил плейбук с инцидентами в документации.

- Разработал экраны администрирования тарифов и статусов на React и TypeScript, обеспечил конфигурацию бизнес правил и ролей без привлечения разработчиков

- Настроил систему подсказок и обучающих туров в рабочем столе менеджера, описал юзер флоу приложения в доке и участвовал в улучшении скриптов обучения для новых сотрудников