Robo-Dapp Guide
Fleet management and tokenization platform for autonomous robotaxi operations. Live at: https://products.t420.io
ACCESS
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
/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 torobo-dapppending)Live URL: https://products.t420.io
Dev:
cd Robo-Dapp && npm run dev
RELATED DOCS
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?