İçeriğe geç
KS
Projelere dön

Full Stack / Kurumsal

Filo Yönetim Uygulaması

.NET backend servislerini tip güvenli bir Nuxt/Vue frontend ile birleştiren kurumsal filo yönetim uygulaması.

  • ASP.NET Core
  • Nuxt 4
  • Vue 3
  • TypeScript
  • Syncfusion
  • Pinia
  • Zod

Mimari özet

Filo Yönetim Uygulaması için mimari diyagram

Nuxt 4 / Vue 3

ASP.NET Core API

Uygulama Veri Deposu

Genel bakış

Bu uygulama araç, kullanıcı ve filo operasyonlarını .NET API'leri ve Nuxt 4 / Vue 3 arayüzü üzerinden destekliyor. Frontend tip güvenli, Pinia ve Zod kullanıyor; Syncfusion Grid'i sunucu tarafı sayfalama, filtreleme ve sıralama ile genişletiyor.

Teknoloji yığını

  • ASP.NET Core
  • Nuxt 4
  • Vue 3
  • TypeScript
  • Syncfusion
  • Pinia
  • Zod

Teknik uygulama

  • Araç, kullanıcı ve filo odaklı API/veri akışları.
  • Tip güvenli frontend modülleri.
  • Syncfusion Grid entegrasyonu.
  • Tarayıcı tabanlı görsel düzenleme entegrasyonu.
  • Sunucu tarafı sayfalama.
  • Filtreleme ve sıralama.
  • Pinia durum yönetimi.
  • Zod doğrulama.
  • Yeniden kullanılabilir composable'lar.

Temel mühendislik kararları

  • Liste performansını sunucuda tutmak: sayfalama, filtreleme ve sıralama tarayıcı yerine API'de çalışır.
  • Özel bir tablo yazmak yerine Syncfusion Grid'i projeye özel kolonlar ve aksiyonlara göre genişletmek.
  • Geçersiz filtre ve formların API'ye ulaşmadan düşmesi için yükleri UI sınırında Zod ile doğrulamak.
  • Filo modüllerinin tutarlı kalması için tekrarlayan grid ve form davranışını composable'lara çıkarmak.

Faydalı bir şey inşa edelim.

Düşünülmüş yazılım projeleri, backend zorlukları ve ürün odaklı mühendislik işleriyle her zaman ilgileniyorum.