aşamalı öğrenme akışı
VAKA ÇALIŞMASI · 2026
Legendary English
Dizi bölümlerini izleme öncesi kalıplar, aranabilir çift dilli senaryo ve kendini test etme aşamalarından oluşan üç adımlı bir öğrenme akışına dönüştüren platform.
- Alan
- Web · EdTech · Learning Product
- Rol
- Ürün, mühendislik, içerik hazırlığı
- Durum
- Ürünü aç
Problem
Geleneksel İngilizce çalışmaları, gerçek konuşma dilini bağlamından koparıyor; dizi izlerken karşılaşılan replikleri kalıcı kelime ve ifade bilgisine dönüştürmek zorlaşıyor.
Yaklaşım
How I Met Your Mother ve Friends bölümlerini; izleme öncesi kalıp kartları, aranabilir İngilizce–Türkçe senaryo, satır notları, kişisel sözlük, tekrar sistemi ve hikâye–kelime–bağlam testlerinden oluşan üç aşamalı bir öğrenme akışına dönüştürdüm.
Sonuç
Bölüm bazlı ilerleme takibiyle eğlence içeriğini aktif okuma, kelime biriktirme ve kendini sınama pratiğine dönüştüren; yeni diziler ve bölümlerle büyümeye devam eden responsive bir öğrenme platformu.
bölüm yayında (How I Met Your Mother, 1. sezon)
bölüm İngilizce–Türkçe hazırlanmış (Friends, 1–2. sezon)
kalıp ifade, bölüm başına izleme öncesi
Teknik kararlar
Her kararın bir bedeli var; burada ikisi birlikte duruyor.
Öğrenmeyi izlemenin etrafına kurdum
Akış üç aşamalı: izlemeden önce sekiz kalıbı tanı, senaryoyu iki dilde takip et, sonra kendini test et. Bölüm başına kelime ve test ilerlemesi ayrı ayrı görünüyor.
Bedeli
Bu yapı her bölüm için elle hazırlık gerektiriyor; katalog kendi kendine büyümüyor. Karşılığında çalışma, izleme deneyimini bölmek yerine ona bağlanıyor.
Senaryoları çift dilli çalışma dosyaları olarak tuttum
Her bölüm için İngilizce metin ve ayrı bir Türkçe çalışma dosyası tutuluyor. Friends’in birinci ve ikinci sezonu bu biçimde hazırlanmış durumda: 30 bölüm, her biri iki dosya.
Bedeli
Çeviri ve hizalama işi zaman alıyor ve katalog büyümesini yavaşlatıyor. Buna karşılık satır notları ve aranabilir senaryo bu ayrımın üzerine kuruluyor.
Altyapıyı kenar tarafında topladım
Uygulama Next.js 16 ve React 19 üzerinde, Cloudflare Workers üstünde çalışıyor; veri erişimi Drizzle ile şemaya bağlı, kullanıcı tarafı Supabase üzerinden yürüyor.
Bedeli
Yeni sürümler ve kenar çalışma zamanı, olgun bir Node dağıtımına göre daha az yerleşik örneğe sahip. Karşılığında bölüm sayfaları kullanıcıya yakın bir yerden dönüyor.
Ekran ekran
Bölüm çalışma alanı
Kalıp kartları, senaryo ve testler aynı bölüm sayfasında sıralanıyor; ilerleme yüzdeleri hangi aşamanın eksik kaldığını gösteriyor.
Kullanılan teknolojiler
Next.js 16React 19Cloudflare WorkersDrizzle ORMSupabaseTailwind CSS