🛍️ Serrena Ecommerce

Serrena Ecommerce, modern bir e-ticaret platformu sağlayan, kullanıcı dostu ve işlevsel bir web uygulamasıdır. Bu proje, ana sayfada dinamik ürün gösterimi, kategori filtreleme, kullanıcı yorumları, abone olma ve iletişim formu gibi temel e-ticaret özelliklerini içermektedir. Sepete ürün ekleme işlevi üzerinde de çalışmalar devam etmektedir.

📋 Özellikler

• Ana Sayfa Ürün Slider'ı: Ana sayfada, kullanıcıların öne çıkan ürünleri inceleyebileceği dinamik bir slider bölümü bulunmaktadır.
• Ürün Detay Sayfaları: Her ürün için ayrı detay sayfaları vardır. Ürün açıklamaları, fiyatları ve ilgili önerilen ürünler gösterilir. Kullanıcılar "Şimdi Al" butonuna tıklayarak ürün detay sayfasına yönlendirilir.
• Yorum Ekleme & Görüntüleme: Kullanıcılar ürünlere yorum ekleyebilir ve diğer kullanıcıların yorumlarını görüntüleyebilir.
• Abone Olma: Ziyaretçiler, e-posta adresleriyle yeni ürün ve fırsatlar hakkında güncellemeler almak için abone olabilir.
• İletişim Formu: Kullanıcılar, soru ve önerilerini iletmek için iletişim formunu doldurabilir.
• Kategori Filtreleme: Kullanıcılar, ürünleri belirli kategorilere göre filtreleyebilir.

🛠️ Kullanılan Teknolojiler

• HTML5: Proje yapısının oluşturulmasında kullanıldı.
• CSS3: Stil ve tasarım için kullanıldı.
• SCSS: Daha esnek ve modüler CSS yazımı için tercih edildi.
• Bootstrap: Responsive tasarımı kolaylaştırmak ve hazır bileşenler sağlamak için kullanıldı.
• JavaScript: Etkileşimli özelliklerin eklenmesinde kullanıldı.
• Bootstrap SCSS Paketleri: Projede Bootstrap'in SCSS sürümü kullanılarak daha özelleştirilebilir ve genişletilebilir hale getirildi.

🚀 Kurulum

1. Projeyi klonlayın:
   
   

   git clone https://github.com/omercikan/serrena-ecommerce.git

2. Proje dizinine gidin:
   
   

   cd serrena-ecommerce

3. Projeyi çalıştırmak için, sadece tarayıcınızda index.html dosyasını açın.

📦 Paket Yönetimi

Projedeki SCSS ve Bootstrap dosyaları paket yönetimi ile projeye dahil edilmiştir. Geliştirme aşamasında SCSS ve Bootstrap'in güncel sürümleri kullanılmıştır.

npm install

💡 Yapılacaklar

• Sepet İşlevi: Sepete eklenen ürünlerin listelenmesi ve ödeme işlevleri eklenecek.
• Kullanıcı Girişi: Giriş yapma ve kayıt olma bölümleri eklenebilir.

Görseller

 Anasayfa giriş ekranı.

Çok satanlar 'CARD' alanı.

Ürünler 'SLIDER' gösterim alanı.

'FOOTER' alanı.

CANLI DEMO LINK: https://serrena-ecommerce.netlify.app/