FinTrack
Tek dosyalık bütçe planlayıcı. Hiçbir kütüphane kullanmadım; grafik katmanını Canvas 2D ile kendim yazdım.
Kişisel bütçe uygulamalarının çoğu ya hesap açmanı ya da harcama verini buluta göndermeni istiyor. Halbuki bütçe, insanın en mahrem verilerinden biri. Sorun şuydu: hiçbir yere veri göndermeyen, kurulum gerektirmeyen bir bütçe aracı ne kadar küçük olabilir?
- Tüm uygulamayı tek bir HTML dosyasına yazdım: 639 satır, yaklaşık 33 KB, build adımı yok. Çift tıklayınca açılıyor.
- Veri tarayıcının localStorage’ında kalıyor; hiçbir sunucuya gitmiyor. Tek dış istek canlı döviz kuru için.
- Halka grafiği Chart.js ile değil Canvas 2D ile çizdim: dilimleri ctx.arc() ile açı hesaplayarak çıkardım, ortasını ikinci bir daireyle oyarak halkaya çevirdim.
- Harcama uyarıları için kural tabanlı bir motor yazdım — kira/gelir oranı, tasarruf yüzdesi, esnek giderlerdeki yoğunlaşma.
Tasarımından koduna kadar tamamı bana ait. Finansal Teknolojiler dersi kapsamında yazıldı.
Gelir–gider takibi, kategori analizi, sabit abonelikler, dört para biriminde (TL, dolar, euro, gram altın) tasarruf hedefi, CSV dışa aktarım ve koyu tema — hepsi sıfır bağımlılıkla çalışıyor.
Uygulamadaki "Finansal Zeka Asistanı" bir yapay zekâ modeli değil, elle yazılmış kurallardan oluşan bir motordur. İsmi iddialı; yaptığı iş eşik kontrolüdür.
Chart.js kurmak üç dakikalık iştir; halkayı trigonometriyle kendin çizmek bir öğleden sonra alır. Ama ikincisini yaptıktan sonra bir grafik kütüphanesinin ne yaptığını, nerede yavaşladığını ve neyi gizlediğini biliyorsun. Bağımlılık eklemek bazen düşünmeyi dışarıya vermek oluyor.
HTML · CSS · JavaScript · Canvas 2D API · localStorage