Основная задача — форма с полем ввода, куда клиент вводит номер заказа или трек-код, и после этого появляется шкала прогресса: заказ принят, комплектуется, передан курьеру, в пути, на складе доставки, вручён получателю. Данные по статусу должны подтягиваться автоматически с определённой периодичностью, без участия человека, а также хотелось бы получать уведомление при переходе заказа на следующий этап — через email или в личном кабинете покупателя.
По технической реализации готовы обсуждать варианты: опрос API транспортной компании или приём вебхуков, если провайдер их поддерживает. Важно, чтобы блок красиво вписался в текущее оформление магазина и одинаково хорошо смотрелся на мобильных устройствах.
Кратко о требованиях к результату:
— форма ввода номера заказа с валидацией
— визуальная шкала этапов доставки
— автоматическое периодическое обновление статуса
— уведомление покупателю при смене этапа
— корректная работа на мобильных экранах
— обработка случая, когда номер не найден или введён неверно