satır TypeScript, 53 dosyada
VAKA ÇALIŞMASI · 2025 — 2026
Kelimeyle
Türkçe kelime keşfini tek bir kayıtsız üründe pratik, günlük ritüel ve arkadaşlarla rekabet hâline getiren; aynı kod tabanından web ve mobil olarak dağıtılan bir oyun.
- Alan
- Web · Product · Game
- Rol
- Ürün, mühendislik, içerik ve SEO
- Durum
- Ürünü aç
Problem
Tek bir günlük bulmacayla sınırlı kelime oyunları; farklı uzunluklarda pratik, süre baskısı ve arkadaşlarla rekabet etmek isteyen oyunculara sürekli bir deneyim sunmuyor.
Yaklaşım
Kayıt gerektirmeyen tek bir üründe Hızlı Oyun, Günlük Challenge, 4–7 harf Antrenman ve kodla oynanan Rekabetçi modu birleştirdim; Türkçe karakter desteğini ve TDK sözlük doğrulamasını merkeze aldım.
Sonuç
Telefon, tablet ve bilgisayarda çalışan; kelime keşfini pratik, günlük liderlik ve arkadaşlarla yarış üzerinden tekrar oynanabilir bir ritüele dönüştüren ücretsiz bir deneyim.
oyun modu, 10 ekran
ayrı durum deposu
platform, tek kod tabanı
Teknik kararlar
Her kararın bir bedeli var; burada ikisi birlikte duruyor.
Her mod kendi deposunu taşıyor
Tek bir küresel oyun durumu yerine sekiz ayrı Zustand deposu var: klasik oyun, zamanlı mod, antrenman, günlük challenge, skor tablosu, lobi, misafir kullanıcı ve geri bildirim. Modlar birbirinin durumunu bozmadan gelişebiliyor; bazı depolar persist ile localStorage’a yazıyor.
Bedeli
Depolar arasında paylaşılan mantık tekrar edebiliyor. Buna karşılık yeni bir mod eklemek mevcut modların akışına dokunmuyor.
Kayıt zorunluluğunu kaldırdım
Ayrı bir misafir deposu, oyuncunun hesap açmadan oynamasını ve istatistiklerini yerelde biriktirmesini sağlıyor. Giriş yalnızca skorları cihazlar arasında taşımak isteyenler için var.
Bedeli
Misafir ilerlemesi tarayıcı verisi silindiğinde kayboluyor ve iki ayrı veri yolunu sürdürmek gerekiyor. Karşılığında ilk oyun ile açılış arasında hiçbir engel kalmıyor.
Statik dışa aktarımı mobil için seçtim
next.config.js içinde output: "export" kullanılıyor; üretilen out klasörü Capacitor tarafında uygulama kaynağı oluyor ve aynı proje Android ile iOS olarak paketleniyor.
Bedeli
Sunucu tarafı render ve API rotaları masadan kalkıyor; dinamik iş Firebase ve Supabase’e taşınıyor. Kazanç, üç platformu tek kod tabanından yayınlayabilmek.
Sözlüğü oyunun dışına da açtım
Kelime doğrulaması TDK sözlüğüne dayanıyor. Bunun üzerine kelime-anlamlari/[slug] altında kelime anlamı sayfaları, strateji rehberi, kurallar ve nasıl oynanır sayfaları duruyor — oyunun kendisi kadar arama sonuçlarından da giriş alan bir katman.
Bedeli
İçerik sayfaları bakım gerektiriyor ve oyunla doğrudan ilgisi olmayan bir yüzey açıyor. Buna karşılık ürün, oynamayı düşünmeden arama yapan insanlara da ulaşıyor.
Ekran ekran
Oyun akışı
Sanal klavye, renkli anlık geri bildirim ve Türkçe karakter desteği; dokunmatik cihazlarda da tam boy klavye deneyimi.
Kullanılan teknolojiler
Next.js 14TypeScriptZustandTailwind CSSFirebaseSupabaseCapacitor (iOS · Android)TDK API