Xworal — Xworen Ürün ve Fiyat Karşılaştırma Platformu

Xworal, xworen.online üzerinde çalışan; ürün özelliklerini, mağaza tekliflerini ve fiyat geçmişini tek karar deneyiminde birleştiren veri odaklı bir ürün karşılaştırma platformu. Projede ürün stratejisinden arayüze, veri modelinden yayın güvenliğine kadar uçtan uca sorumluluk aldım.

Çözmek istediğim problem

Ürün seçerken kullanıcılar farklı mağazalar, eksik teknik tablolar, reklam ağırlıklı sıralamalar ve güncelliği belirsiz fiyatlarla karşılaşıyor. Xworal’ı, karar vermeyi zorlaştıran bu parçalı deneyimi daha şeffaf hale getirmek için tasarladım. Amaç tek bir “en iyi ürün” iddiası sunmak değil; kullanıcının kendi senaryosuna göre farkları görebileceği güvenilir bir karşılaştırma zemini oluşturmak.

Ürün deneyimi

Platform; ürün kataloğu, ayrıntılı teknik özellikler, mağaza teklifleri, fiyat geçmişi, karşılaştırma laboratuvarı, favoriler ve fiyat alarmlarını ortak bir hesap deneyiminde buluşturuyor. Karşılaştırma ekranında yalnızca ham özellikleri değil; işlemci, ekran, batarya, kamera ve bellek gibi alanların hangi kullanım senaryosunda öne çıktığını açıklayan güç profilleri bulunuyor.

Teknik mimari

Uygulama Next.js 16, React 19 ve TypeScript üzerinde geliştirildi. Yerel SQLite veritabanı Drizzle ORM ile yönetiliyor. Ürün görselleri Sharp ile WebP biçiminde işleniyor; yönetim ve otomasyon süreçleri aynı veri modelini kullanıyor. Node.js üretim sunucusu Apache ters vekil yapısının arkasında çalışıyor.

Yapay zekâ için net sınırlar

Projede yapay zekâ, ürün adaylarını sıralamak ve içerik üretim akışını desteklemek için kullanılıyor. Buna karşılık fiyat, stok ve teknik özellik gibi kritik bilgiler yapay zekâ tarafından uydurulmuyor. Yalnızca gerçek mağaza kaynaklarından doğrulanan veriler yayınlanıyor; eksik alanlar açıkça belirtiliyor. Bu sınır, ürünün güven yaklaşımının temel parçalarından biri.

Operasyon ve yayın güvenliği

Gizli yönetim paneli; katalog sağlığı, otomasyon koşuları, veri zenginliği ve mağaza kaynaklarını izlemeyi sağlıyor. Üretim derlemesinden sonra HTML belgelerinin kullandığı CSS ve JavaScript dosyalarının gerçekten mevcut olduğunu doğrulayan ek bir kontrol bulunuyor. Böylece yarım veya uyumsuz bir derlemenin yayına alınma riski azaltılıyor.

Tasarım ilkeleri

• Reklam kalabalığı yerine karar vermeyi destekleyen bilgi hiyerarşisi
• Mobilde yalnızca küçülmeyen, yeniden düzenlenen karşılaştırma deneyimi
• Eksik veya doğrulanmamış veriyi gizlemek yerine açıkça belirtme
• Fiyat ile teknik kalite puanını birbirinden ayırma
• Erişilebilir, klavye ile kullanılabilir ve performans odaklı arayüz

Projeden öğrendiklerim

Xworal, arayüz geliştirmenin ötesinde ürün, veri ve operasyon kararlarını birlikte ele almamı sağladı. En değerli kazanım, güvenilir bir karşılaştırma deneyiminin yalnızca çok veri göstermekle değil; verinin kaynağını, güncelliğini ve sınırlarını kullanıcıya doğru aktarmakla oluştuğunu görmek oldu.

Xworal platformunu ziyaret edin ↗