Projekt - Web App
Prikazano ime je fiktivno - gre za interno orodje (zaupnost).
Interni logistični dashboard za upravljanje voznega parka - sledenje tovornjakov v realnem času, pregled kapacitet, karte poti in analitika.
Celovita interna platforma za logistično ekipo naročnika, zgrajena za nadzor in upravljanje celotnega voznega parka v realnem času.
Glavni dashboard prikazuje šest KPI kartic (velikost flote, aktivne vožnje, vozila v čakanju, vzdrževanje, aktivni vozniki, povprečna zasedenost), interaktivni Mapbox temni zemljevid z GPS lokacijami vseh aktivnih tovornjakov in scrollable seznam vseh pošiljk s statusnimi značkami.
Stran za sledenje flote omogoča preklapljanje med grid in list pogledom z naprednimi filtri po logističnih partnerjih in statusu vozila. Grid kartice prikazujejo po meri narejene SVG ilustracije za vsak tip vozila (polpriklopnik, zabojnik, dostavno vozilo), indikator nivoja goriva, ETA, pot, voznika in model vozila.
Detail stran pošiljke je razdeljena v dvo-stolpčni razpored: na levi vizualizacija polnosti tovornjaka z nalagalnim indikatorjem znotraj SVG prikolice in Mapbox karta poti, na desni manifest tovora z barvnimi ikonami po tipu in foto poročila tovora. Zavihki za podatke o vozilu, dokumente, podjetje in obračun.
Modul za klepet omogoča komunikacijo z vozniki v realnem času - besedilna sporočila, deljenje lokacije in hitri odgovori s predlogami. Vsak pogovor je vezan na vozilo in pošiljko.
Stran partnerjev prikazuje vse logistične partnerje s kontaktnimi podatki, aktivnimi pogodbami, številom dodeljenih vozil in zgodovino opravljenih dostav. Filtriranje po statusu pogodbe in regiji.
Modul zahtevkov združuje upravljanje tovornjakov, tovora, popravil, voznikov in poročil. Zahtevki za tovor vključujejo tip, težo, dimenzije in prioriteto. Popravila se beležijo z vrsto okvare, ceno in trajanjem. Poročila generirajo tedenske in mesečne povzetke po vozilu ali partnerju.
Stran voznikov prikazuje profil vsakega voznika z licenco, certifikati, dodeljenimi vozili, zgodovino voženj in ocenami uspešnosti.
Zgodovinski modul beleži vse pretekle pošiljke z iskanjem po datumu, partnerju, vozniku ali vozilu, vključno s trajanjem, prevoženo razdaljo in statusom dostave.
Analitični modul vključuje šest trendnih KPI-jev, area graf dostav, donut graf izkoriščenosti, tedensko porabo goriva, prihodke po partnerju, kilometrino po tipu vozila ter vzdrževalne incidente.
Tehnologije
Next.jsReactTypeScriptTailwind CSSshadcn/uiSupabasePostgreSQLMapboxRechartsWebSocketsResendVercelLogistična ekipa je upravljala 100+ tovornjakov različnih tipov po celih ZDA, brez centralnega pregleda nad lokacijami, zasedenostjo, stanjem goriva, potmi in vzdrževanjem. Komunikacija z vozniki je potekala prek ločenih kanalov, informacije o tovoru in popravilih so bile razpršene po tabelah, upravljanje partnerjev pa je bilo ročno in nepregledno.
Next.js web aplikacija s Supabase backendom (PostgreSQL, real-time subscriptions za GPS podatke in klepet), Mapbox integracijo za žive zemljevide, po meri narejenimi SVG ilustracijami tovornjakov, Recharts za analitiko, WebSockets za takojšnje posodobitve flote in Resend za email obvestila ob spremembah statusa pošiljk.
Celovita interna logistična platforma z 12+ moduli - od sledenja flote in komunikacije z vozniki do upravljanja partnerjev, zahtevkov in analitike.
Naslednji projekt
Pulse CRM
Pišite mi in v 24 urah se oglasim z brezplačnim posvetom.