eBebek Ürün Kaydırıcısı – JavaScript Case Study

eBebek Product Carousel, eBebek ana sayfasındaki ürün kaydırıcısının piksel hassasiyetinde bir kopyasını oluşturmak için geliştirilmiş bir JavaScript projesidir. Amaç, tamamen dinamik ve responsive bir ürün carousel’i tasarlayarak frontend becerilerini geliştirmektir. Uygulama, ana sayfada sadece bir kez görüntülenen bir carousel oluşturur. Carousel’deki ürünler bir API üzerinden dinamik olarak çekilir ve kullanıcı deneyimini artırmak için: Ürünler, navigasyon butonları ile kaydırılabilir. Ürüne tıklandığında, ürün sayfası yeni sekmede açılır. İndirimli ürünlerde orijinal fiyat, indirimli fiyat ve indirim yüzdesi gösterilir. Kullanıcılar favori ürünleri işaretleyebilir ve tercihler Local Storage ile kaydedilir. Tasarım tüm cihazlarda responsive olacak şekilde optimize edilmiştir. Bu proje sürecinde kazandığım başlıca deneyimler: JavaScript DOM Manipülasyonu: Dinamik HTML ve CSS oluşturma ve yönetme Local Storage Kullanımı: Kullanıcı verilerini sayfa yenilense dahi saklama API Fetching ve Performans Optimizasyonu: Gereksiz API çağrılarını azaltma Responsive Web Tasarımı: Farklı ekran boyutlarına uyum Event Handling: Kullanıcı etkileşimlerini etkin yönetme Proje, gerçek bir web özelliğini sıfırdan uygulama ve frontend geliştirme pratiği kazanma açısından değerli bir deneyim sunmuştur.