Virtual Bouquet

Problem

Özel bir gün için dijital bir hediye: bir fotoğraf ve mesaj göndermek kolay, ama bir an yaratmak zor. Hedef, açılışından çiçeğine kadar hediye verme ritüelini tarayıcıda yeniden kurmaktı — herhangi bir cihazda, tek linkle.

Çözüm

Virtual Bouquet, Three.js ile render edilen 3D bir buket deneyimi. Akış bir zarfla başlıyor, bir fotoğrafla devam ediyor ve mesaj kartıyla buket sahnesine açılıyor. Kişiselleştirme paneliyle başlık, mesaj, imza ve fotoğraf değiştirilebiliyor; /?g=<id> formatındaki paylaşılabilir link, kişiselleştirilmiş hediyeyi her cihazda aynı şekilde açıyor.

Yaklaşım

• Sahne kurgusu: zarf → fotoğraf → hediye sıralaması gerilim kuruyor; buket, "çiçekleri gör" butonuyla mesajın önüne geçmeden sahneye giriyor.
• Paylaşılabilir durum: hediye içeriği bir ID ile saklanıp linkle taşınıyor; alıcı tarafında kurulum yok.
• Küçük ama gerçek API: Express + Helmet + CORS + rate limit — statik dosya sunucusu değil, production'a hazır minik bir servis.
• Mobil öncelikli: iPhone/mobil için görsel optimizasyonlar; 3D sahne düşük güçlü cihazlarda da akıcı.