Skip to content

README.md

Latest commit

 

History

History
72 lines (52 loc) · 2.21 KB

README.md

File metadata and controls

72 lines (52 loc) · 2.21 KB

Review Assignment Due Date

🎬📚 İnteraktif Medya Kütüphanesi (SPA)

Bu proje, Web Teknolojileri dersi kapsamında geliştirilmiş bir
İnteraktif Medya Kütüphanesi uygulamasıdır.

Uygulama; kitap, film ve dizi içeriklerini Tek Sayfa Uygulama (SPA) mantığıyla listelemekte ve kullanıcı etkileşimlerine göre sayfayı yenilemeden dinamik olarak güncellemektedir.

🚀 Proje Özellikleri

  • 📖 Kitap, 🎬 Film ve 📺 Dizi içeriklerini listeleme
  • 🔍 İsim ile arama
  • 🗂️ Kategoriye göre filtreleme
  • 📅 Yıla göre filtreleme
  • 🔄 A–Z, Z–A, yıl ve puana göre sıralama
  • ⭐ İçerikleri favorilere ekleme / çıkarma
  • ❤️ Favori içerikleri ayrı sayfada görüntüleme
  • 📄 Detay sayfası (açıklama, yazar/oyuncu, etiketler)
  • 🧭 SPA (Single Page Application) yapısı
  • 💾 Favorilerin LocalStorage ile saklanması

🛠️ Kullanılan Teknolojiler

  • HTML5
  • CSS3
  • JavaScript (ES6+)
  • Fetch API (JSON veri kaynağı)
  • LocalStorage (favori içeriklerin saklanması)

🧠 Uygulama Mimarisi

  • Uygulama SPA (Single Page Application) mantığıyla çalışır.
  • Sayfa geçişleri #hash tabanlı routing ile yönetilir.
  • İçerikler media.json dosyasından fetch ile alınır.
  • Favori işlemleri tarayıcıda LocalStorage kullanılarak saklanır.
  • Sayfa yenilemeden içerik güncellenir.

▶️ Çalıştırma Talimatları

  1. Proje klasörünü bilgisayarınıza indirin.
  2. Visual Studio Code ile klasörü açın.
  3. index.html dosyasına sağ tıklayın.
  4. Open with Live Server seçeneğini kullanın.
  5. Tarayıcıda uygulama otomatik olarak açılacaktır.

👤 Geliştirici Bilgileri

  • Ad Soyad: Akın Yücel
  • Öğrenci No: B241200034
  • Ders: Web Teknolojileri
  • Yıl: 2025

📌 Not

Bu proje eğitim amaçlı geliştirilmiştir. Herhangi bir sunucu (backend) teknolojisi kullanılmamıştır.

2065cfc (web tech project) 7c46e12 (web tech project)