Watchly Web

Fen bilimleri eğitimini interaktif hale getiren; yapay zekâ destekli görsel üretimi, online quiz sistemi ve gelişmiş yönetim paneline sahip modern bir eğitim platformu.

• Next.js 16
• React 19
• TypeScript
• Tailwind CSS
• +7

Watchly Web — Film ve Dizi Takip Platformu

Watchly Web, sinema ve dizi tutkunlarının içerik keşfetme, arşivleme ve izleme alışkanlıklarını yönetme süreçlerini üst düzey bir deneyime dönüştüren kapsamlı bir web platformudur. Sistem; hem arama motorları ve misafir ziyaretçiler için tasarlanmış genel bir vitrin hem de kayıtlı kullanıcıların kütüphanelerini yönettikleri gelişmiş bir portal olmak üzere iki temel katmandan oluşur.

1. Keşif Odaklı Genel Vitrin ve Tanıtım Alanı

• Kapsamlı Film ve Dizi Detay Sayfaları: The Movie Database veri tabanıyla çift yönlü entegre çalışan sistem; yapımların konularını, oyuncu ve teknik ekiplerini, fragmanlarını, çıkış tarihlerini ve türlerini yüksek çözünürlüklü posterlerle sunar.
• Gelişmiş Arama ve Filtreleme: Ziyaretçiler vizyondaki, popüler ve trend yapımlar arasında anlık aramalar yapabilir; türlerine, çıkış yıllarına ve puanlarına göre içerikleri filtreleyebilir.
• Yasal Yayın Sağlayıcı Rehberi: İncelenen her yapım için Netflix, Prime Video, BluTV gibi yerel ve küresel yayın platformlarının erişim bilgileri gösterilir, kullanıcılar doğrudan ilgili servise yönlendirilir.
• Arama Motoru Uyumluluğu: Sunucu taraflı sayfa üretimi, zengin meta etiketleri ve Open Graph kartları ile arama motorlarından gelen misafir kullanıcılara hızlı ve akıcı bir keşif alanı sağlanır.

2. Kişisel Kullanıcı Portalı ve İzleme Yönetimi

• Detaylı Kütüphane Durumları: Kullanıcılar içerikleri İzleniyor, İzlendi, İzlenecek, Beklemede ve Bırakıldı olmak üzere beş temel kategoride arşivleyebilir.
• Bölüm ve Sezon İlerleme Takibi: Diziler için bölüm bazında izlendi işaretleme imkanı sunulur. Hangi sezonda ve hangi bölümde kalındığı anlık olarak kaydedilir, toplam izleme süresi ve ilerleme çubukları dinamik hesaplanır.
• Puanlama ve İnceleme Sistemi: Yapımlara 1 ile 10 arasında puan verilebilir, kişisel yorumlar ve detaylı eleştiriler yazılarak toplulukla veya kişisel profilde paylaşılabilir.
• Özel Tematik Listeler: Kullanıcılar kendi beğenilerine, türlerine ya da konseptlerine göre özel listeler oluşturabilir ve kütüphanelerini kişiselleştirebilir.
• Profil ve İstatistik Paneli: Toplam izlenen film sayısı, bitirilen dizi bölümleri, favori tür dağılımı ve izleme geçmişi modern grafik kartlarıyla görselleştirilir.

3. Mimari, Ekosistem ve Tasarım Özellikleri

• Mobil ile Gerçek Zamanlı Eşzamanlama: Supabase altyapısı sayesinde web portalında yapılan liste, puan ve durum değişiklikleri kullanıcının iOS uygulaması ile anında ve çift yönlü senkronize edilir.
• Lüks Koyu Tema ve Glassmorphism Arayüzü: Modern koyu tonlar, yarı saydam cam efektleri, neon vurgu detayları ve akıcı mikro etkileşimlerle uzun süreli kullanımlarda gözü yormayan premium bir atmosfer sunar.
• Tam Çift Dilli Altyapı: Platform, next-intl desteğiyle Türkçe ve İngilizce dillerini eksiksiz destekler; arayüz metinleri ve yapım detayları seçilen dile göre kusursuz biçimde uyarlanır.