Три сценария возврата
Полный, частичный и общий возврат — три разных ветки состояний, денег и документов. Сценарии легко перепутать на уровне интерфейса, поэтому каждый ведёт пользователя своим маршрутом с собственными проверками и подтверждениями.
кейс · B2B · корпоративные командировки
Travel Tech — платформа корпоративных командировок
B2B-платформа на Remix + React: 22 роута — от каталога и корзины до чата, документов и трёх сценариев возврата. Доказательство работы вне Vue-экосистемы.
RemixReactSCSSPostCSS
screenshot · кабинет компании, 22 роута
Задача
Компании отправляют сотрудников в командировки: бронируют, согласуют, отчитываются. Нужна платформа с личным кабинетом, управлением компанией и сотрудниками, каталогом, корзиной, чатом, новостями, уведомлениями, документами и разделом безопасности.
Стек задан заказчиком: Remix + React, стили на SCSS с PostCSS-пайплайном.
Что было сложного
22 роута без расползания
На таком количестве экранов дешевле всего потерять единообразие. Общие layout-роуты Remix, переиспользуемые формы и один SCSS-пайплайн держали платформу целой: новый экран собирается из существующих частей.
Чужая экосистема
Основной опыт — Vue. Здесь — Remix с его загрузчиками данных и вложенными роутами: данные грузятся на роуте, а не в компоненте. Мышление фреймворка другое, и его пришлось принять, а не переносить привычки.
Что сделано
- 22 роута: кабинет, компания, сотрудники, каталог, корзина
- Чат, новости, уведомления, документы, раздел безопасности
- Три сценария возврата: полный, частичный, общий
- SCSS с PostCSS-пайплайном
Результат
Платформа закрывает полный цикл командировки — от каталога до возврата средств. Для портфолио кейс отвечает на вопрос «а если у нас не Vue?»: фреймворк — инструмент, а не граница.
Похожая задача?
B2B-платформа, много экранов, сложные сценарии — обсудим.