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.
- Host: GitHub
- URL: https://github.com/mevlutayilmaz/e-commerce-ui
- Owner: mevlutayilmaz
- Created: 2024-08-16T12:01:57.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-08-23T16:04:33.000Z (10 months ago)
- Last Synced: 2025-01-11T22:24:54.343Z (5 months ago)
- Topics: axios, axios-react, e-commerce-website, javascript, jwt, jwt-authentication, react, tailwind-css, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 256 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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