Payment ve Task Tracker

Ödeme takibi ve görev yönetimini tek panelde birleştiren; drag-and-drop ve gecikme analizi destekli web uygulaması.

Proje Hakkında

Kişisel finansal yönetim ve görev takibi için geliştirilmiş full-stack web uygulaması. Supabase backend ile kullanıcı başına özel veri, otomatik durum hesaplamaları ve drag & drop ile sıralama sistemi.

Geliştirdiklerim

  • Ödeme yönetimi - tutar, son ödeme tarihi, durum takibi
  • Otomatik gecikme tespiti - tarihe göre durum güncelleme
  • Görev yönetimi - checkbox ile tamamlama, açıklama, tarih
  • Drag & Drop sıralama - manuel ve otomatik sıralama
  • Filtreleme sistemi - tümü, ödenmedi, ödendi, gecikti
  • Toplam tutar özeti - ödenmemiş toplam hesaplama
  • Dinamik göstergeler - kalan gün sayısı, renkli badge'ler
  • Supabase Auth - email/şifre, şifre sıfırlama
  • Row Level Security - kullanıcı bazlı veri güvenliği
  • Dark theme - modern, göz yormayan arayüz
  • Responsive design - mobil, tablet, desktop uyumlu
  • Toast notifications - başarı/hata bildirimleri
  • Smooth animations - Framer Motion geçişleri
  • Vercel deployment - production-ready

Teknik Zorluklar

Drag & Drop implementasyonu, otomatik durum hesaplamaları, Row Level Security, modal yönetimi, Türkçe tarih lokalizasyonu, real-time senkronizasyon

Ekran Görüntüleri

Payment ve Task Tracker Uygulama Ekran Görüntüsü 1
Payment ve Task Tracker Uygulama Ekran Görüntüsü 2
Payment ve Task Tracker Uygulama Ekran Görüntüsü 3
Payment ve Task Tracker Uygulama Ekran Görüntüsü 4
Payment ve Task Tracker Uygulama Ekran Görüntüsü 5

Proje Bilgileri

Kategori

Web

Tech Stack

Next.js 15TypeScriptSupabasePostgreSQLTailwind CSSFramer MotionDrag & Drop