E-Learning Platform
TAK EduTech için gerçek zamanlı iş birliği özellikli etkileşimli e-öğrenme modülleri.
- Rol
- Hibrit front-end geliştirici, TAK EduTech
- Dönem
- Nis 2025 — devam ediyor
- Teknolojiler
- Next.js, React, TypeScript, Tailwind CSS, WebSocket, Zod, GraphQL, REST
Yüksek doğruluklu Figma tasarımları, WebSocket iş birliğiyle tipli ve duyarlı modüller olarak yayına alındı.
Özet
TAK EduTech, öğrenenlerin gerçek zamanlı birlikte çalışabildiği, ayrıntılı Figma tasarımlarından üretilen ve mevcut backend ile bütünleşen etkileşimli e-öğrenme modüllerine ihtiyaç duyuyordu.
Gerçek zamanlı iş birliği
İş birliği özellikleri WebSocket üzerinde çalışır; diğer katılımcıların etkinliği sayfa yenilemesiyle değil, olduğu anda modülde görünür.
Sınırlarda tip güvenliği
Ağ sınırını geçen her yük Zod ile doğrulanır ve arayüz uçtan uca tiplidir; tasarım doğruluğu ile veri bütünlüğü aynı incelemede ele alınır.
- 01Figma çerçeveleriHer ders türü için yüksek doğruluklu tasarımlar.
- 02Tipli bileşenlerKatı TypeScript prop’larıyla Tailwind bileşenleri.
- 03Zod sınırıREST ve GraphQL yükleri gelişte doğrulanır.
- 04WebSocket iş birliğiKatılımcılar birbirinin etkinliğini anında görür.
Arayüz
Figma çerçeveleri, farklı ders türlerinde tutarlı kalan duyarlı ve erişilebilir Tailwind bileşenlerine dönüştürüldü.
State
Modül ilerlemesi ve iş birliği durumu, okuma akışını kesmeden katılımcılar arasında eşzamanlı tutuldu.
Veri
Gerçek zamanlı iş birliği için WebSocket olayları, içerik için REST ve GraphQL uç noktaları; her yük Zod ile doğrulandı.