Routeboard — Fleet & Logistics Admin Dashboard

Built for fleet and logistics projects, the layout gives you a persistent navigation shell and a content area that handles dense tables without becoming unreadable at smaller widths.

Spacing, type scale and colour come from a shared token set, which keeps new screens consistent with the ones already built.

• Teams building an internal tool for fleet and logistics projects
• Developers who want structure without adopting a whole framework
• Agencies producing a client-facing admin area on a fixed timeline
• Products that have outgrown a spreadsheet back office

• Fleet map view (provider-ready)
• Driver status list
• Delivery timeline component
• Route performance charts
• Persistent sidebar and top bar with active-state navigation
• Data table with sorting, filtering and pagination patterns
• Detail and edit views wired to the list
• Empty, loading, error and no-results states
• Form layouts with inline validation styling
• Chart placements for summary metrics
• Responsive behaviour down to tablet widths
• Consistent spacing and type scale via shared tokens

The dashboard template itself, supplied as React, TypeScript, Tailwind CSS, together with the licence tier you select at checkout and any future revisions to this product.

Package contents are listed under What's included on this page. Product updates are available from your DistroSource library at no additional cost.

Node.js 18+ · Any modern browser

• Node.js 18 or newer
• Familiarity with the framework the template targets

• Step 1. Install dependencies and start the development server.
• Step 2. Point the data layer at your own API or database.
• Step 3. Adjust tokens for colour, radius and type to match your brand.
• Step 4. Duplicate an existing route as the starting point for new screens.

• Swap the token file to restyle every screen at once
• Replace the sample data source with your own endpoints
• Add or remove navigation sections without touching page code
• Adjust table density and column sets per screen

• Personal — for your own private, non-commercial projects. Not for client work or anything that generates revenue.
• Commercial — for one commercial project or one client project. A separate licence is needed for each additional project.
• Agency — for multiple client projects, up to the limits stated on this page and recorded on your order.

No tier permits reselling or redistributing the files themselves, and none grants resale of source files.

Questions about this dashboard template are handled through your DistroSource account — open a support ticket from the order and include your order number. Licensing questions are answered on the Licenses page.