Uygulamanın olmadığı sınıflar ve cihazlar için Sortify oyunlarının tarayıcı sürümü.
Sortify Web; Sortify eğitim platformunun web tarayıcıları için geliştirilmiş istemcisidir. React 19, TypeScript ve Vite ile geliştirilen uygulama, native iOS oyun mantığını HTML5 Canvas tabanlı bir çizim altyapısı ve duyarlı kontrollerle web ortamına taşır. Projede web proje temelinin kurulması, Firebase bağlantı altyapısının inşası, sistemin korunması, sürekliliği ve moderasyonu tarafımdan yürütülmüştür.
Sortify Web, native iOS oyun mekaniklerini tarayıcı ortamına taşırken oyun durumunu React arayüz durumundan ayıran bir render mimarisi kullanır. Oyun döngüsü requestAnimationFrame üzerinden çalışır; değişken oyun durumu mutable ref yapısında tutulurken skor, seri ve diğer arayüz bileşenleri React state üzerinden yönetilir. Native Swift oyun mantığının TypeScript'e aktarılmasıyla web ve iOS deneyimleri arasında davranışsal tutarlılık korunur.
Öne Çıkan Özellikler
- Web proje temeli ve mimari kurulumunun yapılması, sürekli moderasyon ve sistem bakımı.
- Native iOS oyun mantığının TypeScript'e port edilmesi.
- requestAnimationFrame ve mutable ref state kullanan Canvas tabanlı oyun döngüsü.
- React UI katmanı ile gerçek zamanlı oyun render katmanının ayrıştırılması.
- Dokunmatik ve fare girdilerini destekleyen responsive oyun arayüzü.
- Firebase Auth ve Cloud Firestore altyapı entegrasyonu ve güvenliği.
React 19 · TypeScript · Vite · HTML5 Canvas · Firebase · Tailwind CSS