OTA Fleet Dashboard

The management interface for the OTA Fleet System. Built with Next.js to provide real-time visibility and control over the fleet.

Tech Stack

• Next.js: React framework for production.
• Tailwind CSS: Utility-first CSS framework for styling.
• Bun: Fast JavaScript runtime and package manager.
• Lucide React: Icon set.

Features

• Fleet Overview:
  • Grouped view of all vehicles.
  • Real-time status tracking (Online/Offline) with 5s timeout logic.
  • Version distribution stats per group.
  • Collapsible groups for easier navigation.
• Group Manager: Create groups and assign vehicles via a modal interface.
• Update Manager: Upload firmware (.bin files) and deploy them to targets.

Getting Started

1. Install Dependencies:

   bun install
   

2. Run Development Server:

   bun run dev
   

   Open http://localhost:3000 in your browser.

Configuration

• API Proxy: Requests to /api/* are forwarded to the backend (check next.config.ts or manually configured in lib/api.ts if using direct URL). Currently, lib/api.ts points to http://localhost:5000.