MediaTracker
Film, dizi, anime, manga ve kitap takibini local-first veri yapısıyla yöneten kişisel medya arşiv sistemi.
Local-first product design ve medya veri yönetimi tarafını temsil eden web application artifact’i.
- Next.js
- React
- TypeScript
- Tailwind CSS
- localStorage
- Supabase
- FastAPI
Kısa Bilgiler
- Rol
- Local-first product design ve medya veri yönetimi tarafını temsil eden web application artifact’i.
- Durum
- Ürün Prototipi
- Seri
- Bağımsız artifact
- Kategori
- Web Uygulaması
- Ana Girdi
- Kullanıcı medya kayıtları, API arama sonuçları ve yerel arşiv verisi
- Ana Çıktı
- Kişisel medya dashboard’u ve local-first medya kütüphanesi
Sistem Özeti
MediaTracker, kişisel medya tüketimini tek bir local-first arşiv içinde düzenlemek için tasarlanmış ürün prototipidir. Varsayılan veri akışı kullanıcının tarayıcısında yerel olarak çalışır; medya kayıtları, ilerleme durumu, puanlar, listeler ve filtreleme davranışları bu yerel veri modeli üzerine kurulur.
ArtifactHub içinde MediaTracker’ın rolü, ürün tipi bir web uygulamasında veri sürekliliği, medya API entegrasyonu, local-first kararları ve genişletilebilir recommendation altyapısını temsil etmektir.
Mevcut Kapsam
Mevcut sürümde kullanıcı medya kayıtlarını yerel olarak yönetebilir, farklı medya türleri üzerinde arama ve filtreleme yapabilir, izleme/okuma durumlarını takip edebilir, favori/watchlist/puan/not gibi kişisel arşiv verileri oluşturabilir.
API entegrasyonları, medya arama ve zenginleştirme tarafını destekler. JSON import/export yapısı, yerel verinin taşınabilirliğini sağlar. Supabase katmanı ana akış değil; auth, cloud aktarım ve senkron hazırlıkları için opsiyonel genişletme yönüdür.
Ana Sistemler
- Local Media Library
- Dashboard
- Global Search
- Media Detail / Modal Flow
- Progress Tracking
- Watchlist / Favorites / Ratings
- JSON Import / Export
- External API Search
- Supabase-ready Auth / Cloud Flow
- AI Advisor
- Embedding Service
- Recommendation Tooling
Teknik Etiketler
- Next.js
- React
- TypeScript
- Tailwind CSS
- localStorage
- Supabase
- FastAPI
Girdi → İşleme → Çıktı
Girdi
Kullanıcı medya kayıtları, API arama sonuçları ve yerel arşiv verisi
İşleme
Filtreleme, arşivleme, progress tracking, JSON yönetimi, öneri hesaplama
Çıktı
Kişisel medya dashboard’u ve local-first medya kütüphanesi
Mimari Akış
- 1
User Interface
- 2
Media Actions / UI State
- 3
Local Storage Layer
- 4
Media Library Logic
- 5
External API Integrations
- 6
Optional Supabase Layer
- 7
Recommendation / Embedding Tools
- 8
Dashboard / Library Output
Tasarım Kararları
Local-first yaklaşımı ana akış yapmak
Local-first yaklaşım, uygulamanın temel kullanımını hesap veya sunucu bağımlılığına bağlamaz. Kullanıcı arşivi tarayıcıda yaşayabilir ve uygulama offline-first karakterini korur.
Supabase’i ana veri kaynağı değil genişletme katmanı yapmak
Supabase katmanı, ilk veri kaynağı olarak değil; cloud aktarım, hesap ve senkronizasyon genişletmesi olarak konumlandırılır. Bu, ürünün yerel kullanım değerini korurken büyüme alanı bırakır.
JSON import/export ile taşınabilir veri sağlamak
JSON import/export, medya arşivini kapalı bir uygulama verisi olmaktan çıkarıp taşınabilir hale getirir.
Harici API entegrasyonlarıyla kayıt oluşturmayı hafifletmek
Medya API entegrasyonları, kullanıcı girişiyle manuel veri yazma yükünü azaltır ve arşiv kaydını zenginleştirir.
Öneri araçlarını genişletme potansiyeli olarak tutmak
Embedding ve öneri araçları, medya takip uygulamasını sadece liste tutan bir sistemden kişisel keşif aracına genişletme potansiyeli taşır.
Sınırlar
- MediaTracker final SaaS ürünü olarak sunulmaz; local-first medya arşiv sistemi ve ürün prototipi olarak konumlanır.
- Cloud sync ana akış değil, opsiyonel genişletme katmanıdır.
- Öneri sistemi deneysel kabul edilir.
- Harici API sonuçları kaynakların veri kalitesine ve erişilebilirliğine bağlıdır.
- Uygulama kapsamı geniş olduğu için ileride modüler refactor ve UI sadeleştirmesi gerekebilir.
Planlanan Genişletmeler
- Dashboard ve arşiv ekranları için statik görseller ekleme
- Local-first / Supabase akışını ArtifactHub üzerinde diyagramlaştırma
- Büyük UI/state parçalarını daha modüler hale getirme
- Öneri sistemini daha net demo edilebilir hale getirme
- İngilizce teknik dosya metnini ileride hazırlama