Dashboards · React
Delivery fleet
Deliveries against plan, depot volumes and live vehicle status for a regional courier fleet.
What you get
A logistics dashboard for a regional courier: deliveries per month against plan, volume by depot, and each van's route, progress and ETA. Vehicles, depots and totals live in src/dashboard.ts.
Files
Exactly what is copied into a new project: 13 files, nothing generated.
Explorer 13
@import "tailwindcss"; /* Theme: change these to restyle the whole site. */@theme { --color-bg: #fffdf8; --color-surface: #faf5ea; --color-fg: #1f1a12; --color-muted: #6f6656; --color-line: #ece4d3; --color-accent: #b45309; --color-accent-fg: #ffffff; --color-good: #047857; --color-warn: #b45309; --color-bad: #b91c1c; --font-heading: "Archivo", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --font-body: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --radius-card: 4px;} html { color-scheme: light; scroll-behavior: smooth; background: var(--color-bg);} body { font-family: var(--font-body); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;} ::selection { background: color-mix(in srgb, var(--color-accent) 22%, transparent);}Remix
Remix this template
Describe what to change and the agent starts from Delivery fleet's files. The box is already started for you: finish “Start from Delivery fleet and …”
Dependencies
Documented from the template's package.json. The runtime has a prebuilt dependency set for Vite + React + TypeScript, so installs are fast.
- react^19.1.0
- react-dom^19.1.0
- vite^6.3.0
- @vitejs/plugin-react^4.4.0
- tailwindcss^4.1.0
- @tailwindcss/vite^4.1.0
- typescript^5.8.0
How it runs
- Framework
- Vite + React + TypeScript
- Dev command
- npm run dev
- Build command
- npm run build
- Output directory
- dist
- Port
- 5173
- Entry route
- /
Projects run in an isolated sandbox with a live preview. Read the projects documentation for settings, snapshots and deployment.
Keep browsing
All templates- Featured
Analytics dashboard
A responsive dashboard layout with sidebar navigation, stat cards, and a data table.
API monitoring
Latency, error rates, uptime and service health for an API platform, in a dark on-call layout.
SaaS metrics
MRR, churn, ARPA and a breakdown of new, expansion and churned revenue for a subscription product.
Build on Delivery fleet
Create a free account, start from this template, and ask the AI agent to turn it into your app.