Finansal-Takip-

Finansal Takip Paneli

Kişisel finans ve piyasa takip paneli: canlı piyasa fiyatları, yatırım portföyü, varlıklar, krediler ve borçlar tek ekranda. Yapay zekâ destekli sohbet asistanı Bay Piyasa ve cihazlar arası veri senkronu içerir. Çok kullanıcılı: her kullanıcının kendi hesabı ve ayrı verisi vardır; hesapları yönetici açar.

Canlı adres: https://ofusluoglu-hue.github.io/Finansal-Takip-/piyasa-paneli.html (E-posta ve şifre ile giriş yapılır. Kayıt ekranı yoktur; hesabı yönetici açar ve geçici şifre verir, ilk girişte kullanıcı kendi şifresini belirler.)

Özellikler

Sekme İçerik
Piyasa Özeti ETF/hisse, döviz, emtia (altın, Brent, uranyum) ve kripto (Binance) fiyatları; kullanıcı başına kart seçimi (göster/gizle, sırala; ABD borsasındaki tüm hisse ve ETF’ler adıyla ya da koduyla aranır — ör. Tesla, TSM, ASML; Borsa İstanbul hisseleri Türkçe şirket adıyla — ör. aselsan, türk hava yolları, tüpraş; en büyük 30 kripto hazır, diğerleri Binance kodlarıyla; eklenen hisse yatırım olarak da seçilebilir); ABD seans öncesi / kapanış / sonrası fiyatları kartta ayrı ayrı; detay grafiği; köklü kurumlardan güncel haberler (Türkçe kaynaklar öncelikli; İngilizceler Türkçe çeviriyle açılır)
Finansal Durumum Varlıklar (konut, otomobil, arsa, nakit / mevduat — ₺, $, € ya da gram altın olarak, canlı kurla — vb.) ve net finansal durum; acil durum fonunun kaç aylık gideri karşıladığı ; Alacaklarım (sana borçlu olanlar: kimden, tutar, ne zaman — net servete sayılır, Ödeme Takvimi’nde gelen para, Nakit Akışı’nda o ayın geliri, gününde hatırlatma, “Geldi” ile kapanır)
Yatırımlarım Portföy takibi: ABD ETF/hisse, kripto, BİST (kod + adet, fiyat arka planda) ve emtia (altın, gümüş — gram); isteğe bağlı ortalama maliyetle kâr / zarar (satırda tutar ve yüzde, toplamı özet kartında); günlük / haftalık / aylık performans; BİST hisseleri için kapanabilir KAP ve şirket haberleri bölümü (resmî KAP bildirimleri doğrudan kap.org.tr’den, ücretsiz; şirket haberleri Google Haberler’den)
Borçlarım Krediler (canlı erken kapama hesaplayıcı), kredi kartları, KMH (aylık faizle günlük canlı işleyen borç: faiz + KKDF + BSMV), elden nakit borçlar; kredi planını PDF’ten (yapay zekâ) veya Excel’den içe aktarma
Harcama Takibim Ay bazında harcama kaydı; kartla ödendiyse kart seçilir ve tutar o kartın borcuna eklenir (içinde bulunulan ay) (tablo kayıtlardan otomatik oluşur, doğrudan düzenlenmez); 12 kategori (market, akaryakıt, araç bakım, kişisel, fatura ve aidat, ev giderleri, yeme-içme ve eğlence, sağlık, eğitim, sigorta, vergi, diğer); aylık grafik (₺ TL / $ dolar / gram altın seçilebilir, her ay kendi kuruyla), kategori dağılımı, aylık tablo, yıllık ve aylık ortalamalar
Bütçe Planlaması Kategori başına aylık sınır; son 6 ayın medyanından tek tıkla önerilen bütçe; ayın harcaması, kalan/aşım, bütçeyi aşan kategoriler; son 12 ayın bütçeye uyum ısı tablosu
Nakit Akışı Düzenli (maaş, kira) ve tek seferlik gelirler; gelir − harcama − kredi taksidi = ay sonu kalan ve tasarruf oranı; son 6 ay ve önümüzdeki 11 ayın enflasyon ve maaş artışı varsayımıyla tahmini (TCMB beklentisi / resmi TÜFE / kişisel / elle), “bugünün parasıyla” görünümü; kredilerin bittiği ay ve sonrasında açılan pay
Ödeme Takvimi Kartla ödenen fatura / abonelik ödeme günü kart borcuna yazılır; kredi taksitleri (ödeme planından), kart son ödeme günleri (dönem borcu, asgari ve ödeyeceğin tutarla), fatura/kira/sigorta ve abonelikler tek takvimde (düzenli ödemeler Harcama Takibim’e bu ay ve gelecek ay için kendiliğinden eklenir); ay bazında yaklaşan ödemeler ve aylık takvim, abonelik maliyetleri; 3 gün içinde ödeme varsa Piyasa Özeti’nde uyarı şeridi
Borç Kapatma Planı Ayda ek ödeme ve bugün tek seferlik ödemeyle borçların hangi sırayla ve ne zaman biteceği; Çığ (önce en yüksek faiz) ile Kartopu (önce en küçük borç) karşılaştırması, ödenecek faiz, borç azalış grafiği; faiz işleyen kartlar isteğe bağlı plana dahil
Hesap Araçları Kredi faizi (ihtiyaç/taşıt/konut; taksit, faiz, KKDF+BSMV, ödeme planı), KMH / kart faizi (gün bazında maliyet, KMH hesabından doldur), vadeli mevduat (vadeli / günlük kazandıran, stopaj, yenileme, reel getiri), bilimsel hesap makinesi (trigonometri DER/RAD, log, üs, kök, faktöriyel, π/e, klavye, geçmiş)
Birikim Hedefleri Tutar (TL ya da $) ve tarihli hedefler; ayda ayrılması gereken tutar, plana göre önde/geride, Nakit Akışı’ndaki ay sonu kalanla kıyas; birikim elle, varlıklarından (ör. Nakit / Mevduat) ya da yatırımlarından otomatik; acil durum fonu için 3/6 aylık gidere göre önerilen tutar ve “kaç aylık gideri karşılıyor” göstergesi
Net Varlık Geçmişi Her gün otomatik net varlık kaydı; 7 gün / 30 gün / başlangıçtan beri değişim (TL, dolar ve altın bazında), TL / $ / gram 24 ayar altın seçmeli grafik (30 gün–1 yıl–tümü), aylık özette o günün dolar ve gram altın karşılığı
Portföy İstatistikleri Genel puan: portföy yaşı, çeşitlendirme, borç karşılama, döviz koruması
Tema Varsayılan koyu tema; sağ üstteki anahtarla göz yormayan, beyaza yakın hafif krem açık temaya geçilir (sol ☀ açık, sağ ☾ koyu), seçim cihazda hatırlanır
Bildirimler Sağ üstteki zil: ödemeler son günden bir gün önce ve son gün, bütçe aşımı / %90 dolumu ve asgarinin altındaki kart planı uyarıları; yanında ✉ zarf okunmamış mesaj sayısını gösterir; okunmamış sayısı, ✓✓ ile hepsi okundu, tıklayınca ilgili sayfa
Mesaj kutusu Profilim › Mesaj kutusu: gelen ve gönderilen mesajlar (okundu bilgisi tüm cihazlarda); kullanıcı “✉ Yeni mesaj” ile yöneticiye yazar, gelen mesajı yanıtlar; yönetici tek kişiye ya da herkese yazar (Kullanıcılar sayfasından da), kimin okuduğunu görür, geri alabilir
Aylık Rapor Seçilen ayın özeti: harcama (önceki ay ve 6 ay ortalamasına göre), bütçe uyumu, ay sonu kalan, kredi anaparasındaki azalış, net varlık değişimi; isteğe bağlı Bay Piyasa yorumu (karakterli başlık, en üstte; ay başına kaydedilir); kurallı “Öne Çıkan Gelişmeler”; yazdır / PDF
Kurum Raporları Ak Yatırım’ın herkese açık araştırma raporları (günlük bülten, teknik analiz, şirket, strateji) saatte bir kendiliğinden gelir ve bir kez özetlenip bütün kullanıcılara gösterilir; ayrıca aracı kurumların e-postayla gelen PDF raporları (günlük bülten, makro, şirket, strateji) kendi Gmail’inden kendiliğinden gelir (Google Apps Script köprüsü) ve Bay Piyasa’ya özetlenir: rakamlı maddeler, kurumun görüşü, hisse tavsiye/hedef fiyatları, takvim; portföyün önde, “Raporlardaki tüm hisseler” anahtarıyla bütün hisseler; kategori ve konu sekmeleri, hisse koduyla geçmiş araması, PDF’i ilgili sayfada açma, tavsiye/hedef değişince bildirim. Raporlar yalnız sahibine görünür
Kullanım Kılavuzu Yardım › Kullanım Kılavuzu: büyük arama ve öneriler, verine göre işaretlenen ilk kurulum kontrol listesi, sayfa rehberleri kartlar halinde (dokununca okuma görünümü, önceki/sonraki), terimler sözlüğü; Sık Sorulan Sorular kategori düğmeleri ve en çok sorulanlarla
Sık Sorulan Sorular Yardım › SSS: konulara göre gruplanmış kısa cevaplar (harcama, borç ve kart, gelir ve tahmin, varlık, acil fon, hesap ve güvenlik), aranabilir
Bay Piyasa Panel verilerini bilen Claude tabanlı sohbet asistanı (model seçimi, maliyet takibi, isteğe bağlı web araması — yalnız güvenilir kaynaklarda: KAP, TCMB, Bloomberg, CNBC, AA, Investing, TradingView vb.; cevaplar kaynak + tarih ve “Ne yapabilirsin” önerileriyle). Yönetici sunucunun anahtarını kullanır; diğer kullanıcılar Profilim’de kendi Anthropic API anahtarını ekler (doğrulanır, AES-GCM ile şifreli saklanır, ücret kendi hesabından düşer)
Profilim Menünün en üstünde fotoğraf (ya da baş harfler), ad soyad ve e-posta; tıklayınca profil sayfası: fotoğraf yükleme/kaldırma (kare kırpılır, küçültülür), ad soyad, açılış sayfası tercihi, kart düzenleme kısayolu, şifre değiştirme, açık oturum sayısı, diğer cihazlardan çıkış, çıkış. Bilgiler hesapta saklanır ; parmak izi / Face ID ile giriş (WebAuthn / passkey: Profilim › Güvenlik › Bu cihazı ekle; telefonda şifreyle girişten sonra bir kez önerilir; biyometrik veri cihazdan çıkmaz, sunucu yalnız imzayı doğrular)
Destek ve İletişim Yardım › Destek: destek e-posta adresi, konu ve hesap/cihaz bilgisi hazır şablonlu e-posta (“E-posta gönder”), adresi kopyala, yazmadan önce SSS/Kılavuz/Bay Piyasa yönlendirmesi, iyi bir destek isteğinde ne yazılmalı; SSS ve Kılavuz sonunda “Cevabını bulamadın mı?” bağlantısı
Kullanıcılar Yalnız yönetici: hesap açma (geçici şifre üretip kopyalama), geçici şifre verme, girişi kapatma/açma, hesabı ve verisini silme; hesap başına son giriş, kayıt sayısı ve veri boyutu (verinin kendisi görünmez)

Telefonda da kullanılabilir: menü alta sabit sekme çubuğuna dönüşür; çubukta yer almayan sayfalar ve hesap işlemleri (şifre değiştirme, çıkış) Diğer menüsündedir.

Uygulama olarak yükleme (PWA): Android’de Chrome › ⋮ › Uygulamayı yükle (iPhone’da Safari › Paylaş › Ana Ekrana Ekle). Ana ekrana kendi simgesiyle gelir, adres çubuğu olmadan açılır. Aynı sayfa ve aynı hesaptır: veri bilgisayarla senkron, güncellemeler kendiliğinden gelir. Dosyalar: manifest.webmanifest, sw.js, icons/.

Mimari (özet)

Tarayıcı (GitHub Pages)                Cloudflare Worker                 Dış servisler
piyasa-paneli.html  ─ Bearer oturum ▶ cloudflare-worker.js  ──────▶  Anthropic, Twelve Data,
  localStorage (önbellek)              D1: kullanıcılar, oturumlar,      Finnhub, Yahoo, FRED,
                                       kullanıcı başına veri (ukv)
                                                                         haber RSS'leri, MetalCharts

Ayrıntılar için PROJECT.md.

Dosyalar

Dosya Açıklama
piyasa-paneli.html Uygulamanın tamamı (HTML + CSS + JS, derleme adımı yok)
cloudflare-worker.js Arka uç: kimlik doğrulama, API geçitleri, veri senkronu
manifest.webmanifest, sw.js, icons/ Telefona uygulama olarak yükleme (PWA): ad, simgeler, önce-ağ service worker
wrangler.toml Worker deploy ayarları
kredi-odeme-plani-sablon.xlsx Excel’den kredi eklemek için ödeme planı şablonu
PROJECT.md Teknik dokümantasyon
RULES.md Geliştirme kuralları

Kurulum

Ön yüz

main dalına push edilen her değişiklik GitHub Pages üzerinden otomatik yayınlanır.

Worker

İlk kurulum adımları (D1 veritabanı, secret’lar) cloudflare-worker.js dosyasının başındaki yorumda anlatılır. Kurulumdan sonra deploy:

npx.cmd wrangler login     # yalnızca ilk seferde
npx.cmd wrangler deploy

Windows PowerShell’de npx yerine npx.cmd kullanın (script çalıştırma kısıtlaması).

Gerekli secret’lar (Cloudflare)

ANTHROPIC_API_KEY, TWELVEDATA_API_KEY, FINNHUB_API_KEY, metalcharts (MetalCharts API anahtarı; uranyum grafiği için), AI_ANAHTAR_SIFRE (kullanıcıların Anthropic anahtarlarını şifreleyen 32 baytlık rastgele anahtar; değişirse kayıtlı anahtarlar yeniden girilir): hepsi Secret türünde. İlk yönetici hesabı için LOGIN_USER (e-posta) ve ACCESS_TOKEN (ilk şifre): kullanıcı tablosu boşsa ilk istekte bu bilgilerle yönetici hesabı açılır ve eski tek kullanıcılı veriler bu hesaba kopyalanır; sonrasında ACCESS_TOKEN yalnızca eski sürüm panellerin geçişi için kullanılır. İsteğe bağlı: ALLOWED_ORIGIN (virgülle birden fazla site adresi).

Güvenlik