Full Stack / Enterprise
Fleet Management Application
An enterprise fleet management application combining .NET backend services with a type-safe Nuxt/Vue frontend.
- ASP.NET Core
- Nuxt 4
- Vue 3
- TypeScript
- Syncfusion
- Pinia
- Zod
Architecture overview
// clear data flow
Nuxt 4 / Vue 3
ASP.NET Core API
Application Data Store
Overview
This application supports vehicle, user and fleet operations through .NET APIs and a Nuxt 4 / Vue 3 interface. The frontend is type-safe, uses Pinia and Zod, and extends Syncfusion Grid with server-side pagination, filtering and sorting.
Technology Stack
- ASP.NET Core
- Nuxt 4
- Vue 3
- TypeScript
- Syncfusion
- Pinia
- Zod
Technical Implementation
- Vehicle, user and fleet-oriented API/data flows.
- Type-safe frontend modules.
- Syncfusion Grid integration.
- Browser-based image editing integration.
- Server-side pagination.
- Filtering and sorting.
- Pinia state management.
- Zod validation.
- Reusable composables.
Key Engineering Decisions
- Keep list performance on the server: pagination, filtering and sorting run in the API instead of the browser.
- Extend Syncfusion Grid to match project-specific columns and actions rather than replacing it with a custom table.
- Validate payloads with Zod at the UI boundary so invalid filters and forms fail before they hit the API.
- Extract repeated grid and form behavior into composables so fleet modules stay consistent.