Bu proje, modern bir e-ticaret web sitesini React kullanarak hayata geçirir. Kullanıcı dostu bir arayüz sunarak, kullanıcıların ürünleri kolayca inceleyebilmesini, sepetlerine ekleyebilmesini ve sipariş verebilmesini sağlar. Proje, Tailwind CSS ile şık ve duyarlı bir tasarım sunar. Kimlik doğrulama ve yetkilendirme işlemleri için JWT (JSON Web Token) kullanılır ve arka uçta .NET E-Commerce API ile entegre çalışır.
- Ürün Listeleme ve Detayları: Kullanıcılar tüm ürünleri veya belirli bir kategoriye ait ürünleri listeleyebilir ve ürün detaylarını inceleyebilir.
- Arama: Kullanıcılar, aradıkları ürünleri kolayca bulmak için arama işlevini kullanabilir.
- Sepete Ekleme: Kullanıcılar, beğendikleri ürünleri sepetlerine ekleyebilir.
- Sepet Yönetimi: Kullanıcılar, sepetlerindeki ürünleri görüntüleyebilir, miktarlarını değiştirebilir ve ürünleri sepetlerinden çıkarabilir.
- Sipariş Oluşturma: Kullanıcılar, sepetlerindeki ürünleri sipariş edebilir.
- Kimlik Doğrulama: Kullanıcılar, siteye kaydolabilir ve giriş yapabilir.
- Yetkilendirme: Yetkili kullanıcılar (adminler), ürünleri yönetebilir (ekleme, güncelleme, silme).
- React: JavaScript kütüphanesi
- Tailwind CSS: CSS framework
- Axios: HTTP istekleri için
- JWT (JSON Web Token): Kimlik doğrulama ve yetkilendirme
- .NET E-Ticaret API'si: Backend API
-
Projeyi klonlayın:
git clone https://github.com/mevlutayilmaz/e-commerce-ui.git
-
ECommerceUI
klasörüne gidin. -
Gerekli bağımlılıkları yükleyin:
npm install
-
Projeyi çalıştırın:
npm run dev
Proje şu anda aktif olarak geliştirilmektedir. Planlanan özellikler şunlardır:
- Sipariş Onaylama: Admin paneli üzerinden siparişleri onaylama ve yönetme.
- Ödeme Entegrasyonu: Ödeme geçitleri ile entegrasyon.
- Kullanıcı Profili: Kullanıcıların profillerini görüntüleme ve düzenleme.
Ürünler |
Ürün Detay |
Kategoriler |
Sepet |
Admin Paneli |
Ürün Ekleme |