Portföy Detayları
Next.js 16
React 19
TypeScript
Tailwind 4
MSSQL
TradeHub — Web uygulaması
Ekosistem: Web katmanı mağazayı, REST API’yi ve yönetim panelini tek projede toplar;
mobil istemci aynı API ile çalışır. İş mantığı ve kalıcı veri Microsoft SQL Server üzerindedir.
Teknoloji yığını
- Next.js 16 (App Router), React 19, TypeScript
- Tailwind CSS 4 ile arayüz (Geist yazı tipleri ve ortak bileşenler)
- Microsoft SQL Server üzerinde ilişkisel veri; okuma ve yazma işlemleri modüler bir veri erişim katmanı üzerinden yürütülür.
Mimari
- Sunucu bileşenleri ve Route Handler API’leri; ürün, sepet, favoriler, kimlik doğrulama, hesap (profil, adres, siparişler, yorumlar vb.) ve yönetim uçları JSON döner.
- Sayfa rotaları: vitrin, ürün detayı, sepet, ödeme akışı, hesap alanı, giriş/kayıt ve admin; mimari ve veri modeli için ayrı dokümantasyon sayfaları bulunur.
- İş kuralları (kargo, sipariş durumları, yorumların siparişle ilişkisi vb.) SQL ve TypeScript tarafında tutarlı uygulanır; uygun formlarda Server Actions kullanılır.
Öne çıkan özellikler
- Ürün listeleme, filtreleme, arama, bestseller mantığı (satış adedine göre).
- Ürün detayında yorumlar (ortalama puan, sayfalı liste), yorum gönderme.
- Sepet, checkout, sipariş özeti.
- Hesap: sipariş geçmişi ve detay, teslim onayı, profil, adresler, kayıtlı kartlar, şifre değiştirme, yorumlarım.
- Admin: sipariş yönetimi, dashboard, ürün işlemleri, müşteri listesi.
- Statik ve marka varlıkları; ürün kartı, yorum paneli gibi tekrar kullanılabilir bileşenler.