Load Up — TMS va dispatch board
Yuk tashish kompaniyasi uchun yirik transport boshqaruv tizimi: jonli load board, reyslar, park texnik xizmati, xavfsizlik monitoringi, buxgalteriya va HR — bitta React ilovada.
- Rol
- Frontend muhandis
- Longhorn Logistics Group
- Yil
- 2026
- Stack
- React 19TypeScriptVite 8TanStack RouterTanStack QueryTanStack TableTanStack VirtualZustandSTOMP/WebSocketWebRTCMapLibreLeafletTailwind CSS 4Vitest
- Kod bazasi
- ~3 100 fayl
- Feature modullar
- 24
- Mening commitlarim
- 250+
Operatsion dashboard: KPI’lar va 600+ haydovchining jonli xaritasi Update Board: park holati, tirkamalar va joylashuvlar bitta virtualizatsiyalangan jadvalda Reyslar: yuklash, yetkazish va dispetcherlik holati HERE Maps’da tarozi punktlari bilan yuk mashinasi marshrut rejalashtiruvchisi
Mahsulot
Load Up yuk tashish kompaniyasini boshidan oxirigacha boshqaradi. Dispetcherlar jonli board’da yuklarni bron qiladi va kuzatadi; park va texnik xizmat jamoalari mashinalar, work order’lar va ko‘riklarni boshqaradi; xavfsizlik bo‘limi hodisalarni video bilan kuzatadi; buxgalteriya hisob-kitob va ish haqini yuritadi — bularning hammasi ko‘plab bo‘limlar har kuni ishlatadigan bitta veb-ilovada.
Mening rolim
Jamoaga 2026-yil iyunida qo‘shildim va qat’iy qoidalarga ega katta, tez rivojlanayotgan kod bazasida board, fleet va safety modullari bo‘yicha funksiyalar chiqaraman.
Arxitektura
- React 19 + TanStack Router — fayl asosidagi route’lar va avtomatik code splitting (~210 ta route fayli).
- Feature-sliced domenlar — 24 ta modulning har biri o‘z
api,components,hooks,schemasva store’iga ega. - Server holati TanStack Query va optimistik yangilanishlar bilan; client holati Zustand bilan; formalar react-hook-form va Zod bilan.
- Batafsil huquqlar — yuzlab komponentlarda ishlatiladigan markaziy huquqlar katalogi.
E’tiborga loyiq jihatlar
- Hammasi jonli — STOMP/WebSocket kanallari load board, yuklar, bildirishnomalar va xavfsizlik ma’lumotlarini sinxron saqlaydi; RingCentral WebRTC qo‘ng‘iroqlari ilovaga o‘rnatilgan.
- Katta ma’lumot, silliq UI — umumiy virtualizatsiyalangan jadval (TanStack Table + Virtual) va klasterlash hamda fazoviy indeksli xaritalar.
- Ko‘p tabda to‘g‘rilik — operator faolligi Web Locks va BroadcastChannel yordamida faqat bitta tabdan yuboriladi.
- Tez fikr-mulohaza — Vitest node va jsdom loyihalariga bo‘lingan, test to‘plami 8,5 s dan 3,65 s gacha qisqargan.
Keyingi loyiha
Expensify — open-source hissalar