Задача

Требуется доработать веб-приложение для сервиса грузоперевозок, написанное на React + TypeScript. В приложении уже есть три вкладки. Необходимо добавить четвертую вкладку с лентой (списком) и формой (CRUD) для рейсов, создаваемых водителями.

Суть изменений

В существующем функционале водитель берет (или откликается) на заказы клиентов. На новой вкладке водитель должен иметь возможность создавать собственные рейсы и получать отклики от клиентов, выбирать один или несколько откликов для своего рейса.

Что нужно сделать

  • Реализовать новую форму с полями: От, До, Время и др. (перечень полей уточняется у бэкендера или анализируется аналогичная форма)
  • Реализовать ленту со списком созданных рейсов и откликов клиентов
  • Реализовать логику выбора одного или нескольких клиентов (откликов) для рейса
  • Настроить взаимодействие с бэкендом (API), при необходимости обратиться к разработчику бэкенда
  • Соблюдать стиль и архитектуру существующего кода (вызовы API, типы, компоненты)

Процесс работы

  1. Проанализировать существующую форму (третья вкладка), перенять подходящие детали реализации
  2. Создать новую (четвертую) вкладку с формой и лентой, изменив содержание под требования рейсов и откликов
  3. При необходимости уточнить формат данных у разработчика бэкенда
  4. Использовать возможности ИИ для помощи в API‑запросах (или обратиться к штатному фронтенд‑разработчику)
  5. Гарантировать работоспособность нового функционала