____

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

Направление:
Тип проекта:
Отрасль:

«Шмель» — транспортная компания, использующая новейшие технологии, в том числе глобального позиционирования GPS и ГЛОНАСС.

Задача

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

Решение

  • Реализация проекта на CMS 1C-Битрикс
  • Проектирование приложения на базе React.js
  • Интеграция с 1С для обмена данными в режиме реального времени
  • Интеграция с Dadata для быстрого ввода адреса и реквизитов организации
  • Интеграция с  биржей грузоперевозок ATI.SU с целью автоматизации логистических процессов
  • Интеграция с Leaflet для отображения карт на сайте

post image

Для отправки запроса расчета стоимости указываются параметры груза, упаковки. Такая фильтрация позволяет точнее назвать цену за услугу. Динамический интерфейс приложения реализован благодаря внедрению библиотеки для создания сложных Frontend-приложений - React.

post image

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

post image

Интерактивная карта позволяет прокладывать маршрут до места назначения, подбирать оптимальный маршрут при наличии нескольких адресов, рассчитывать время на поездку благодаря подключению Leaflet.

post image

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

post image

Верстка приложения адаптирована под самые популярные устройства. Соблюдены стандарты W3C.

Следующий проект