Portfolyoya Dön

Payment & Task Tracker

Ödeme takibi, görev yönetimi - Drag & Drop, otomatik gecikme tespiti

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 & Task Tracker - Ekran görüntüsü 1
Payment & Task Tracker - Ekran görüntüsü 2
Payment & Task Tracker - Ekran görüntüsü 3
Payment & Task Tracker - Ekran görüntüsü 4
Payment & Task Tracker - Ekran görüntüsü 5

Proje Bilgileri

Kategori

Web

Tech Stack

Next.js 15TypeScriptSupabasePostgreSQLTailwind CSSFramer MotionDrag & Drop
Payment & Task Tracker | goldsword