Robo-Dapp Guide

Fleet management and tokenization platform for autonomous robotaxi operations. Live at: https://products.t420.io


ACCESS

URL
What you see

https://products.t420.io

Products catalogue (all T420 products)

https://products.t420.io/robo-dapp

Robo-Dapp landing page

https://products.t420.io/robo-hub

Robo-Hub landing page

https://products.t420.io/dashboard

Main app dashboard (auto-redirect from /)

https://products.t420.io/fleet

Fleet management console

https://products.t420.io/finance

Financial operations and withdrawals

https://products.t420.io/governance

DAO governance and rules


WHAT IT IS

Robo-Dapp is the operational dashboard for Shepherds (fleet operators) to manage autonomous vehicles, track finances, participate in DAO governance, and earn revenue from robotaxi operations.

The app is built with Next.js 16 + React 19, using Radix UI components and Tailwind CSS. It follows the same dark-mode design system as the rest of the T420 ecosystem (Orbitron headings, Inter body, gold #bb9375 accents, no shadows, 2px border radius).


PAGES

/dashboard - AI-Powered Fleet Operations Hub

The main operational view. Two modes:

Actions view: Real-time activity log showing vehicle events (dispatch, relocate, maintenance, wash, charge, recall, software update) with time, vehicle ID, location, battery level, and status.

Fleet view: Vehicle directory with status overview.

KPI cards at the top with sparklines:

  • Utilisation (target: 85%)

  • Cost per Mile (target: $0.45)

  • Fleet Health (target: 98%)

  • Customer Rating (target: 4.8/5)

Click any vehicle to open the Unified Vehicle Drawer with tabs for Actions, Overview, and Service history.

/fleet - Fleet Management Console

Full fleet inventory with 4 stat cards (Total Fleet, Active, In Service, Alerts) and a detailed vehicle table showing:

  • Vehicle ID, VIN, Model (T420)

  • Location, Battery level (24-100%)

  • Status (Active, Relocating, Maintenance, Charging, Repairs, Cleaning)

  • Scheduled maintenance dates

Supports bulk operations via dropdown and individual vehicle management through the drawer.

/finance - Financial Operations & Withdrawals

Revenue and expense tracking with KPI cards:

  • Total Fees: $72,420

  • Total Expenses: $55,352

  • Net after Tax (25%): $12,801

  • Your Share (42% revenue share): $5,376.42

Transaction table with filtering and sorting. Each transaction opens a detail drawer.

Withdrawal drawer for on-chain withdrawals to a Solana wallet address.

Earnings simulator for financial forecasting.

/governance - DAO Governance & Rules

Four sections:

KPIs: Current performance vs targets (Utilisation 42%, Cost/Mile $0.68, Health 94%, Rating 4.7/5).

Budget Allowances: 9 expense categories with annual/monthly costs and responsibility split:

  • DAO-funded: Insurance, Depreciation, Maintenance, FSD Fees

  • Shepherd-funded: Electricity, Tires, Parking & Tolls, Cleaning, Other

  • Totals: Annual $29,557 (DAO $17,941 / Shepherd $11,616)

Operational Rules: Performance targets, max fleet size.

Economic Rules: Fleet License Stake (25k T420), Robotaxi Stake (500 T420/vehicle), Revenue Share (42%), Slashing Penalty (0.5%/day), Expense Caps.

Proposals: Active governance proposals with voting (approve/reject). Examples: increase utilisation target, allocate treasury to BTC, update multisig threshold, acquire new vehicles.

/products - Products Catalogue (Landing)

Public marketing page showing all T420 products: FleetOS, Robo-Hub, Robo-Dapp, plus the Launchpad and Portal ecosystem cards.

/robo-dapp - Robo-Dapp Landing (Landing)

Marketing page describing fleet management features, economic model, how it works, performance targets. CTA buttons to enter the app.

/robo-hub - Robo-Hub Landing (Landing)

Procurement platform landing page with supplier, zone, and SLA contract marketing copy.


APP SHELL & NAVIGATION

All dashboard pages render inside the AppShell with:

Sidebar (collapsible):

  • Dashboard

  • Fleet

  • Finance

  • Governance

Header bar:

  • AI Mode toggle (Auto / Hybrid / Manual)

  • Notifications bell (vehicle alerts, maintenance, KPI milestones)

  • Help Center (search + topic guides)

  • Settings (profile, notification preferences, logout)

  • AI Insights (chat-based assistant)

Overlay panels slide in from the right for notifications, help, settings, and AI chat.


API ROUTES

Endpoint
Method
Purpose

/api/kpi

GET

Current KPI metrics (randomized around targets)

/api/proposals

GET

All governance proposals

/api/proposals

POST

Create new proposal

/api/proposals

PUT

Vote on a proposal

/api/rules

GET

Smart contract rules config (stakes, shares, slashing, caps)

/api/rules/history

GET

Rule change audit trail


MOCK DATA

The app runs with realistic mock data:

Vehicles (6-7): IDs AS-000-DE through AS-666-DE, each with battery, location, status, mileage, cost/mile, tire/software/security status, and event history chains.

Activity log: 20 simulated actions across dispatch, relocate, maintenance, wash, charge, recall, and software update categories.

Proposals: 6 governance proposals in various states (pending, approved) with vote counts.

All mock data is ready to be replaced with live Supabase queries and Solana contract reads.


TECH STACK

  • Framework: Next.js 16 (App Router)

  • React: 19

  • UI: Radix UI (50+ components), Tailwind CSS 3.4

  • Charts: Recharts (sparklines)

  • Fonts: Orbitron (headings), Inter (body)

  • Analytics: Vercel Analytics & Speed Insights


DEPLOYMENT

  • Codebase: Robo-Dapp/ directory in this repo (Next.js)

  • Vercel project: fleetos (rename to robo-dapp pending)

  • Live URL: https://products.t420.io

  • Dev: cd Robo-Dapp && npm run dev


  • docs/robo-hub/FEATURES.md - Robo-Hub feature spec (separate product, same repo)

  • docs/T420_MASTER_ARCHITECTURE.md - Ecosystem overview and market strategy

Last updated

Was this helpful?