Bankalardaki borçlarımı manuel girip tek panelden takip etmek için geliştirdiğim production kalitesinde borç takip web uygulamasının site dosyalarını ücretsiz paylaşıyorum.
Kurulum dokümantasyonu, SQL migration’lar ve RLS policy’ler dahil. Vercel’e deploy edilebilir şekilde hazır.
🔥 Neler Yapıyor?
🔐 Giriş / Kayıt
- Supabase Auth ile email+şifre veya magic link
- (Opsiyonel) Google ile giriş eklenebilir
📊 Dashboard
- Toplam kalan borç
- Bu ay ödenecek toplam
- Yaklaşan ödemeler listesi + uyarı renkleri:
- 3 gün kaldı = kırmızı
- 7 gün kaldı = turuncu
🧾 Borçlar (CRUD)
- Borç ekleme / düzenleme / silme
- Filtre / sıralama / arama
- Alanlar:
- hesap adı (account_name)
- banka adı, ürün tipi
- toplam borç / kalan borç
- aylık ödeme
- vade tarihi (due_date)
- faiz oranı
- notlar
- durum: active / closed
💸 Ödemeler
- “Ödeme yaptım” aksiyonu:
- payments tablosuna kayıt açar
- debt.remaining_debt düşer
- remaining_debt 0 olursa status=closed olur
- Borç detay ekranında ödeme geçmişi (payment history)
🧱 Teknik Altyapı
- Next.js (TypeScript) + TailwindCSS
- Supabase (Auth + DB)
- Row Level Security (RLS): Her kullanıcı sadece kendi verilerini görür
- Vercel uyumlu deploy yapısı
🗄️ DB Şeması (Özet)
- debts
- id (uuid pk), user_id, account_name, bank_name, product_type
- currency (default TRY)
- total_debt, remaining_debt (not null)
- monthly_payment, due_date (not null), interest_rate
- status (default active), notes
- created_at, updated_at
- payments
- id (uuid pk), user_id, debt_id (fk -> debts.id, cascade)
- payment_date (not null), amount (not null), notes, created_at
📦 Teslim İçeriği (Dosyaların İçinde Var)
- ✅ Supabase kurulum adımları
- ✅ SQL migration’lar (tablo + indeks + trigger vb.)
- ✅ RLS policy’ler (kullanıcı izolasyonu)
- ✅ .env örneği
- ✅ Çalıştırma komutları
- ✅ Türkçe arayüz metinleri
