Kaynak kodu şimdilik kamuya açık değildir; ancak aşağıda mimari, kararlar ve uygulama yaklaşımına dair ayrıntılı bir döküm bulabilirsiniz.
Ne
Kişisel gider takip web uygulaması. Gösterge tablosu; özet kartları, halka grafik kategorisi, 6 aylık harcama trendi ve son işlemleri gösterir. Giderler sayfasında sıralanabilir sütunlar, gerçek zamanlı arama, kategori filtreleri, tarih aralığı seçici ve CSV dışa aktarma yer alır. Arka uç yok — veriler localStorage'da saklanır.
Neden
...
Özellikler
- Özet kartları ve özel SVG grafikler içeren gösterge tablosu (grafik kütüphanesi bağımlılığı yok)
- Modal form ve canlı doğrulamayla gider ekleme / düzenleme / silme
- Gerçek zamanlı arama, kategori etiketleri ve tarih aralığı filtreleme
- Geçerli filtrelenmiş görünümün CSV dışa aktarımı
- Duyarlı tasarım: masaüstünde kenar çubuğu, mobilde sekme çubuğu
Teknolojiler
| Katman | Seçim | |---|---| | Framework | Next.js 15 (App Router) | | Dil | TypeScript | | Stil | Tailwind CSS | | Depolama | localStorage | | Grafikler | Özel SVG |
Öğrendiklerim
...