İnteraktif Medya Kitaplığı (SPA) Bu proje, BST-207 Web Programlama ve Tasarımı 1 dersi kapsamında geliştirilmiş, harici bir JSON dosyasından veri alarak çalışan dinamik ve interaktif bir medya kütüphanesi uygulamasıdır. Kullanıcı deneyimini ön planda tutan uygulama, sayfa yenilenmeden içeriği güncelleyen Tek Sayfa Uygulaması (SPA) mantığıyla tasarlanmıştır.

🔗 Bağlantılar Canlı Önizleme (GitHub Pages):
Canlı Önizleme için Tıklayın

• Temel Özellikler Dinamik Veri Yönetimi: 40 adet film ve dizi verisi data.json dosyasından asenkron olarak çekilir ve listelenir.

Gelişmiş Filtreleme: Tür butonları (Aksiyon, Dram, Bilim Kurgu vb.) sayesinde içerikler anlık olarak kategorize edilebilir.

Akıllı Arama: Arama kutusu üzerinden film adlarına göre gerçek zamanlı filtreleme yapılabilir.

Sıralama Seçenekleri: Kullanıcılar içerikleri Yıla Göre veya IMDb Puanına Göre (büyükten küçüğe) sıralayabilir.

Favori Sistemi: Beğenilen içerikler favorilere eklenebilir ve "Favorilerim" sekmesinde görüntülenebilir.

Detay Sayfası: Her medya ögesine tıklandığında, oyuncu kadrosu ve özet bilgilerini içeren detay görünümü açılır.

-Kullanılan Teknolojiler HTML5: Semantik yapı ve sayfa iskeleti.

CSS3: Modern arayüz tasarımı ve karanlık tema.

JavaScript (ES6+): Dinamik içerik yönetimi ve sıralama algoritmaları.

JSON: Veritabanı ve yapılandırılmış veri seti.

Web Manifest: Uygulamanın mobil uyumluluğu ve tarayıcı ayarları için manifest.json kullanımı.

• Dosya Yapısı index.html: Uygulamanın ana giriş noktası.

style.css: Görsel tasarım kodları.

script.js: Uygulama mantığı ve fonksiyonlar.

data.json: Medya içeriklerine ait veriler.

manifest.json: Uygulama ikonu, renkleri ve başlatma ayarlarını içeren yapılandırma dosyası.

afis/: Filmlere ait görseller.

!!Duyarlı Tasarım: Mobil, tablet ve masaüstü cihazlarla tam uyumlu arayüz.

• Proje Yapısı

film_projesi/ ├── afiş/ # Yerel film afişlerinin bulunduğu klasör ├── data.json # Medya verilerinin tutulduğu JSON dosyası ├── index.html # Ana HTML yapısı ├── script.js # Uygulama mantığı ve API işlemleri ├── style.css # Tasarım ve responsive kuralları └── README.md # Proje tanıtım dosyası

• Öğrenci Bilgileri

Ad Soyad: Zeynep Çiftçi

Öğrenci No: B241204017

Ders: Web Tasarımı ve Programlama