An open API service indexing awesome lists of open source software.

https://github.com/mevlutayilmaz/e-commerce-ui

This project implements a modern e-commerce website using React.
https://github.com/mevlutayilmaz/e-commerce-ui

axios axios-react e-commerce-website javascript jwt jwt-authentication react tailwind-css tailwindcss

Last synced: 4 months ago
JSON representation

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

Awesome Lists containing this project

README

        

# 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](https://github.com/mevlutayilmaz/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:**
```bash
git clone https://github.com/mevlutayilmaz/e-commerce-ui.git
```

2. **`ECommerceUI` klasörüne gidin.**

3. **Gerekli bağımlılıkları yükleyin:**
```bash
npm install
```

4. **Projeyi çalıştırın:**
```bash
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