MelodyStream
11 Nisan 2025
Proje Hakkında
MelodyStream, YouTube API kullanarak reklamsız ve ücretsiz müzik dinleme imkanı sunan modern bir web uygulamasıdır. Müziğe yatkın kullanıcı arayüzü ile kullanıcı dostu bir deneyim sunar.
Özellikler
Kullanıcı Arayüzü
Modern ve duyarlı (responsive) tasarım
Spotify benzeri koyu tema
Glass-effect arka plan tasarımı
Mobil ve masaüstü uyumlu arayüz
Hamburger menü ve kenar çubuğu navigasyonu
Dokunmatik hareketler desteği (swipe gestures)
Müzik Çalma Özellikleri
YouTube API entegrasyonu ile geniş müzik kütüphanesi
Kesintisiz müzik çalma deneyimi
İleri/geri sarma kontrolü
Ses seviyesi kontrolü
Şarkı tekrarlama özelliği
Rastgele çalma modu
Çalma listesi desteği
Şarkı detay sayfası
Tam ekran oynatıcı modu
Arama ve Keşif
Gerçek zamanlı şarkı ve sanatçı araması
Önerilen şarkılar bölümü
Popüler çalma listeleri
Trend müzikler
Kategori bazlı müzik keşfi
Kişiselleştirme
Favori şarkılar listesi
Özel çalma listeleri oluşturma
Çalma geçmişi
Şarkıları favorilere ekleme/çıkarma
Çalma listelerine şarkı ekleme
Teknik Özellikler
Progressive Web App (PWA) desteği
LocalStorage ile veri saklama
Responsive tasarım (mobile-first yaklaşımı)
Touch events desteği
YouTube IFrame API entegrasyonu
Kullanılan Teknolojiler
Frontend
HTML5
CSS3 (Flexbox ve Grid layout)
JavaScript (ES6+)
Font Awesome ikonları
Google Fonts
API ve Entegrasyonlar
YouTube Data API v3
YouTube IFrame Player API
Depolama
LocalStorage
SessionStorage
Tasarım Özellikleri
CSS Variables
CSS Grid
Flexbox
Media Queries
CSS Animations
CSS Transitions
Glass Effect