React E-Commerce

Modern React e-ticaret uygulaması - Hook tabanlı mimari ile geliştirilmiştir.

🚀 Özellikler

• 🛒 Ürün listeleme ve sepet yönetimi
• 👤 Kullanıcı kayıt ve giriş sistemi
• 💰 Cüzdan/bakiye sistemi
• 📱 Responsive tasarım
• 🔍 Kategori bazlı filtreleme

🛠️ Kullanılan Teknolojiler

Teknoloji	Açıklama
React 18	UI Framework
Vite	Build Tool
React Router v6	Routing
Axios	HTTP Client
Bootstrap 5	CSS Framework
TypeScript	Type Safety
JSON Server	Mock Backend

📁 Proje Yapısı

src/
├── api/           # API fonksiyonları
│   ├── auth.ts
│   └── products.ts
├── context/       # React Context (Global State)
│   └── CartContext.tsx
├── hooks/         # Custom React hooks
│   ├── useAuth.ts
│   └── useProducts.ts
├── types/         # TypeScript tipleri
├── utils/         # Yardımcı fonksiyonlar
├── components/    # Yeniden kullanılabilir bileşenler
└── pages/         # Sayfa bileşenleri

🏃 Kurulum

# Bağımlılıkları yükle
npm install

# JSON Server'ı başlat (Terminal 1)
json-server --watch db.json -m ./node_modules/json-server-auth

# React uygulamasını başlat (Terminal 2)
npm run dev

📝 Komutlar

Komut	Açıklama
npm run dev	Geliştirme sunucusu
npm run build	Production build
npm run preview	Build önizleme
npm run lint	ESLint kontrolü

📸 Ekran Görüntüleri

Ana Sayfa

Ürün listesi ve kategoriler

Ürün Detay

Ürün bilgileri ve sepete ekleme

Sepet

Sepet yönetimi ve ödeme

📄 Lisans

MIT