TshirtLoop — Özel Tekstil E-ticareti ve Online Tasarım Stüdyosu
ABD pazarına yönelik özel baskılı tekstil e-ticaret platformu. Ziyaretçinin tişört, sweatshirt ve şapkayı tarayıcıda tasarlayıp sipariş verebildiği, DTF baskı ve nakış üretimine hazır çıktı üreten online tasarım stüdyosu içerir.
Canlı siteyi ziyaret et
Ekran görüntüleri
Projeye genel bakış
TshirtLoop, ABD'deki okul, kulüp ve takımlara özel baskılı tekstil satan uçtan uca bir e-ticaret platformu. Projenin ağırlık merkezi, sıradan bir ürün sayfası değil, tarayıcıda çalışan tasarım stüdyosu. Stüdyo üç adımlı bir akış üzerine kurulu: tasarım, adet, onay. Kullanıcı ürünün ön ve arka yüzünde ayrı ayrı çalışabiliyor, hazır grafik ekleyebiliyor, kendi dosyasını yükleyebiliyor veya metin yazabiliyor. Baskı yöntemi olarak DTF ile nakış arasında seçim yapılıyor ve seçim fiyata yansıyor. İşin teknik olarak zor kısmı, ekrandaki tasarımın üretimde birebir karşılığının olması. Bu yüzden tuval piksel değil gerçek baskı ölçüsü üzerinden çalışıyor: her eleman inç cinsinden boyutlandırılıyor ve ürüne özel baskı alanı sınırları canlı olarak gösteriliyor. Yerleştirilen tasarım bu alanın dışına taşamıyor. Metin editörü yedi yazı sistemini destekliyor: Latin, Yunan, Arap, İbrani, Çin, Japon ve Kore alfabeleri. Yunan alfabesi için ayrı bir harf paleti bulunuyor — ABD üniversitelerindeki Greek life (fraternite ve sorority) tekstil talebi bu platformun ana kullanım senaryolarından biri. Katalog tarafında Bella+Canvas, Gildan, Comfort Colors, Champion, Adidas, Under Armour, Core365 ve Columbia gibi markaların ürünleri; tişört, sweatshirt ve polar, dokuma gömlek, polo ve triko, alt giyim ve şapka kategorileri altında yönetiliyor. Her ürünün kendi renk varyantları, beden aralığı ve adede bağlı fiyatlandırması var. Altyapı Docker ile konteynerleştirilmiş; veri katmanında PostgreSQL, uygulama tarafında Node.js ve TypeScript ile yazılmış React arayüzü kullanılıyor.
Öne çıkan özellikler
- Tarayıcıda çalışan online tasarım stüdyosu
- Üç adımlı sipariş akışı: tasarım, adet, onay
- Ön ve arka yüz için ayrı baskı alanları
- DTF baskı ve nakış seçenekleri, fiyata yansıyan yöntem seçimi
- Gerçek baskı ölçüsüyle çalışan tuval — elemanlar inç cinsinden boyutlandırılıyor
- Ürüne özel baskı alanı sınırı ve taşma kontrolü
- Hazır grafik kütüphanesi, kendi dosyanı yükleme ve metin ekleme
- Yedi yazı sistemi desteği: Latin, Yunan, Arap, İbrani, Çin, Japon, Kore
- Greek life için ayrı Yunan alfabesi paleti
- Geri alma, yineleme, yakınlaştırma ve tasarım kaydetme
- Marka bazlı ürün kataloğu ve renk/beden varyant yönetimi
- Adede bağlı fiyatlandırma
- Kampanya altyapısı: promosyon kodu ve geri sayım
- Docker ile konteynerleştirilmiş altyapı
Kullanılan teknolojiler
- React
- TypeScript
- Node.js
- PostgreSQL
- Docker
- E-Commerce
- Canvas
- DTF