Skip to content

This project implements a modern e-commerce website using React.

Notifications You must be signed in to change notification settings

mevlutayilmaz/e-commerce-ui

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 

Repository files navigation

ECommerceUI

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.

Özellikler

  • Ü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).

Teknolojiler

  • 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

Kurulum

  1. Projeyi klonlayın:

    git clone https://github.com/mevlutayilmaz/e-commerce-ui.git
  2. ECommerceUI klasörüne gidin.

  3. Gerekli bağımlılıkları yükleyin:

    npm install
  4. Projeyi çalıştırın:

    npm run dev

Geliştirme Aşaması

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.

Ekran Görüntüleri

Ürünler

Ürün Detay

Kategoriler

Sepet

Admin Paneli

Ürün Ekleme

Releases

No releases published

Packages

No packages published

Languages