36 lines
1.3 KiB
Markdown
36 lines
1.3 KiB
Markdown
# 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.
|
|
* **Zod**: TypeScript-first schema declaration and validation library.
|
|
|
|
## 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**:
|
|
```bash
|
|
bun install
|
|
```
|
|
|
|
2. **Run Development Server**:
|
|
```bash
|
|
bun run dev
|
|
```
|
|
Open [http://localhost:3000](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`.
|