KAMPANYAWeb site yaptırana ilk ay reklam danışmanlığı ÜCRETSİZ!Hemen Başvur →
Tüm Projeler
E-ticaretTurizm

Motor Kiralama Platformu

Nuxt 4 + Vue 3 + Prisma ile full-stack motor kiralama platformu. 37 API endpoint, 15 admin sayfası, JWT auth, dinamik fiyatlandırma.

Tamamlanma:2 ay
12.768Kod Satırı
37API Endpoint
11DB Tablosu
Projeyi Ziyaret Et
Motor Kiralama Platformu

Müşteri İhtiyacı

Motor kiralama işletmesi telefon ve WhatsApp ile rezervasyon alıyordu. Kağıt takvim kullanılıyor, çifte rezervasyonlar oluyor, fiyatlandırma karmaşıktı. Profesyonel bir yönetim paneli yoktu.

Çözümümüz

Nuxt 4 + Vue 3 + Prisma ile tam kapsamlı bir motor kiralama platformu geliştirdik. Online rezervasyon, dinamik fiyatlandırma (günlük/haftalık/aylık), 15 sayfalık admin paneli, JWT tabanlı güvenlik ve SEO optimizasyonu ekledik.

Bu Projeyi Özel Yapan Ne?

Tipik bir kiralama sitesi statik sayfalı basit bir tanıtım sitesidir. Biz Nuxt 4 + Prisma ile full-stack platform geliştirdik: 37 API endpoint, 15 admin sayfası, dinamik fiyatlandırma, JWT güvenlik, motor bakım takibi, promosyon sistemi. 12.768 satır kod, 11 veritabanı tablosu. Müşteri 'motor kiralama sitesi' istedi, biz tam kapsamlı araç kiralama yönetim sistemi sunduk.

Teknik Detaylar

12.768
Toplam Kod
23
Vue Bileşen
37
API Endpoint
11
Prisma Model
15
Admin Sayfa
2.657 satır
TypeScript

Entegrasyonlar

Prisma ORM
11 model, MySQL veritabanı, ilişkisel veri yönetimi, type-safe sorgular
JWT Authentication
jsonwebtoken + bcryptjs, refresh token, role-based access control
vee-validate + yup
Form validasyonu, email/şifre/tarih doğrulama
@nuxtjs/sitemap
Dinamik sitemap, motor sayfaları otomatik ekleme

Zorluklar & Çözümler

1Dinamik Fiyatlandırma Sistemi

Zorluk:

Günlük, haftalık ve aylık kiralamalar için farklı fiyatlar gerekiyor. Uzun sürelerde indirim uygulanmalı.

Çözüm:

Motor modelinde dailyPrice, weeklyPrice, monthlyPrice alanları. Haftalık %10, aylık %20 otomatik indirim hesaplama. Promosyon kodu desteği.

2Rezervasyon Çakışma Kontrolü

Zorluk:

Aynı motor için aynı tarihlerde birden fazla rezervasyon yapılmamalı.

Çözüm:

Booking modelinde startDate/endDate kontrolü. Motor durumu takibi (AVAILABLE, RENTED, MAINTENANCE, RESERVED). Tarih çakışma validasyonu.

3Role-Based Access Control

Zorluk:

Admin, Staff ve Customer kullanıcıları farklı yetkilere sahip olmalı.

Çözüm:

users_role enum (ADMIN, STAFF, CUSTOMER). Admin middleware ile sayfa koruması. JWT token'da rol bilgisi.

4Motor Bakım Takibi

Zorluk:

Motorların bakım geçmişi, sigorta tarihleri ve servis durumu takip edilmeli.

Çözüm:

Maintenance modeli (7 bakım türü). lastServiceDate, insuranceDate alanları. Bakım geçmişi kaydı.

Perde Arkası

  • 12.768 satır kod: Vue 9.553, TypeScript 2.682, Prisma 287
  • 23 Vue bileşeni, 37 API endpoint, 11 Prisma model
  • 15 admin sayfası: Dashboard, motorlar, rezervasyonlar, müşteriler, ayarlar
  • JWT authentication: Login, register, refresh token, role-based access
  • 6 rezervasyon durumu: PENDING, CONFIRMED, ACTIVE, COMPLETED, CANCELLED, NO_SHOW
  • 4 motor durumu: AVAILABLE, RENTED, MAINTENANCE, RESERVED
  • 7 bakım türü: OIL_CHANGE, TIRE_CHANGE, BRAKE_SERVICE, BATTERY, FILTER, GENERAL, OTHER
  • Dinamik fiyatlandırma: Günlük/haftalık/aylık + otomatik indirimler
  • Promosyon sistemi: PERCENTAGE ve FIXED indirim türleri
  • Dinamik sitemap: Motor sayfaları otomatik SEO indeksleme

Proje Özellikleri

  • Online rezervasyon sistemi
  • Dinamik fiyatlandırma (günlük/haftalık/aylık)
  • Haftalık %10, aylık %20 otomatik indirim
  • 15 sayfalık profesyonel admin paneli
  • JWT tabanlı güvenli kimlik doğrulama
  • Role-based erişim (Admin/Staff/Customer)
  • Motor envanter ve bakım takibi
  • Kupon ve promosyon sistemi
  • İletişim mesaj yönetimi
  • Dinamik sitemap ve SEO

Elde Edilen Sonuçlar

7/24 online rezervasyon. Dinamik fiyatlandırma ile haftalık %10, aylık %20 indirim otomasyonu. 15 sayfalık admin paneli ile tam kontrol. Çifte rezervasyonlar ortadan kalktı.

Proje Bilgileri

Proje TipiE-ticaret
SektörTurizm
Tamamlanma2 ay

Teknoloji Stack

Nuxt 4Vue 3TypeScriptPrisma ORMMySQLTailwind CSSJWTbcryptjsdayjsvee-validate

Mimari

Nuxt 4 full-stack SSR yapı. Prisma ORM ile 11 model, MySQL veritabanı. JWT + bcrypt authentication. Vue 3 Composition API, Tailwind CSS styling. API routes ile RESTful backend.

Canlı Proje

trendgaraj.com.tr

Benzer bir proje mi?

Sizin için de benzer bir çözüm geliştirebiliriz.

Teklif Alın