Перейти до вмісту
Giorgi Eliadze
Проєкти: Boxette Group

лют 2026 – дотепер

Boxette Flights

Розклад рейсів, живе відстеження вантажів і панель операторів в одному застосунку грузинською, англійською й російською

  • Сайти й застосунки
  • Вебзастосунок для відстеження
Тривалість
8 місяців
Компанія
Boxette Group
Роль
Власник продукту й розробник, з агентами Claude Code
Інструменти
React · Node.js · PostgreSQL +5
Boxette Flights

Огляд

Розклад рейсів із сайту компанії, перебудований як один застосунок: публічна сторінка розкладу й відстеження трьома мовами, адмінпанель для операторів, що замінила Google-таблицю, і відстеження авіавантажів у реальному часі через API авіакомпаній і сервісів польотних даних. Адмінпанель і API вже працюють; публічну сторінку на сайті компанії зараз переводять на новий застосунок.

Інструменти

  • React
  • Node.js
  • PostgreSQL
  • Tailwind CSS
  • Leaflet
  • Flightradar24
  • Vercel
  • n8n

Де моя посилка?

Клієнти постійно питали, де їхня посилка і коли приземлиться її рейс. Сторінка розкладу була одним статичним файлом, який живили відкриті вебхуки n8n, оператори вручну вели дані рейсів у Google-таблиці, а статус змінювався, лише коли хтось згадував його оновити. Клієнти не бачили, де насправді їхній вантаж, а оператори не мали єдиного місця, щоб керувати прибуттями й відправленнями.

Шість етапів рейсу на сторінці відстеження, кожен з очікуваним часом

Один застосунок замість сторінки й таблиці

Перша сторінка розкладу (від v1 до v3.5, лютий–березень 2026 року) отримала фільтри за країною та видом транспорту, логіку затримок, мобільні картки й три мови. Після прототипування відстеження за авіанакладною та польотів у реальному часі все перебудували як v4: один застосунок на Express, що віддає публічну сторінку, REST API на Postgres, яке зберігає формат відповіді старих вебхуків, і адмінпанель на React і TypeScript з ролями, журналом аудиту, дашбордом, фільтрами в стилі ClickUp, покроковим створенням і автоматичним щотижневим розкладом відправлень. План v4 — мій; далі більшу частину збудували агенти Claude Code у довгих, переважно автономних сесіях, а за мною були керівництво, рев’ю та дизайнерські рішення.

Відстеження, що показує лише потрібне

Фоновий опитувач, який рухає статус лише вперед, веде кожен рейс через шестиетапний конвеєр за подіями авіанакладної, використовуючи відстеження Turkish Cargo, а для інших перевізників TrackCargo. Траєкторії Flightradar24 кешуються для мапи, а оператори можуть додавати нотатки до хроніки рейсу, які за бажанням показують клієнтам. Сервер вилучає номери авіанакладних, перевізників і коди аеропортів, перш ніж щось потрапить на сторінку клієнта. Застосунок працює на Vercel з Neon Postgres.

Результат

Адмінпанель і API запрацювали в продакшені на Vercel і пройшли перевірку наживо у вересні 2026 року; адмінпанель замінила операторам Google-таблицю для прибуттів і відправлень, зокрема щотижневий шаблон відправлень. Набір тестів зріс із 25 у липні до 121 у вересні, 119 з них проходять. Публічну сторінку на сайті компанії переводять на новий застосунок.

Проєкти: Boxette Group