Веб-додаток для логістики вантажівок AstorGet

Презентаційна версія застосунку Angular для виробника бетону, яка дозволяє відстежувати місцезнаходження вантажівки онлайн та відображати повну інформацію про кожне замовлення.

Оновлена ​​версія 2026 року з реалізованим рішенням для симуляції руху вантажівки онлайн за допомогою AI driven approach.

Структура:

  • бекенд – Express та Socket.io
  • сервіс симуляції з генерацією випадкових маршрутів Google Maps та переміщення водіїв
  • оновлення з Angular 9 до Angular 21
  • заміна застарілого пакета “agm” на сучасний “google-maps”
  • міграція з дизайну “bootstrap” до “Angular Material”

Попередня версія використовувала фіктивні дані, згенеровані за допомогою пакета faker.js. Оскільки я не можу використовувати справжні персональні дані з очевидних причин.

Структура:

  • Отримання списку водіїв за допомогою API (для цієї версії я використовую Firebase)
  • Фільтрація водіїв зв допомогою текстового поля або випадаючого списку
  • Пагінація
  • Статичне відображення заводів на мапі
  • Динамічне відображення водіїв на мапі за допомогою чекбоксу
  • Показати/сховати всіх водіїв на мапі
  • Динамічне відображення об’єктів на мапі за допомогою чекбоксу
  • Показати/сховати всі об’єкти на мапі
  • Динамічне відображення інформації про замовлення, натискаючи маркер на мапі

Technologies

  • HTML5
  • CSS3
  • TypeScript
  • Angular 21
  • Express
  • Socket.io
  • Google Maps API

Дивитись сайт