YataQuizing
Kullanıcının yüklediği JSON sorularıyla sınav başlatan; süre, ilerleme, cevap takibi ve açıklamalı sonuç ekranı sunan web uygulaması.
- Teknolojiler
- React · Vite · CSS · JSON
Problem
Soruları uygulama koduna sabitlemeden farklı içeriklerle süreli bir sınav oturumu oluşturmak.
Çözüm
Hazır quiz veya JSON yükleme ile başlıyor; süreli soru ekranı, cevap takibi ve açıklamalı sonuç özetiyle tamamlanıyor.
Teknik karar
Soru içeriği ile sınav akışı ayrılıyor. Cevaplar soru konumuna göre state'te tutuluyor; yeniden başlatma cevapları ve sayaçları sıfırlıyor. JSON dosyası tarayıcıda okunuyor.
Mevcut sınırlar
Sonuç geçmişi kalıcı tutulmuyor, hesap sistemi bulunmuyor. Sayaç ve geri dönüş davranışına ilişkin ayrıntılı test sonuçları bu portföyde paylaşılmadı.
Ekranlar ve doğrulama kapsamı
Üç ekran görüntüsü seçim, soru ve sonuç adımlarını gösteriyor. Kaynak bağlantısı dosya doğrulamasını ve sınav akışını incelemeye olanak veriyor; canlı demo henüz eklenmedi.
Projenin hikâyesi ve uygulama ayrıntıları
YataQuizing, soruları uygulama koduna sabitlemeden süreli bir sınav deneyimi kurmak için geliştirilmiş React ve Vite uygulaması. Başlangıç ekranında kullanıcı hazır quizlerden birini seçebilir veya kendi JSON soru dosyasını bilgisayarından yükleyebilir. Böylece aynı arayüz farklı konu ve soru setleriyle kullanılabilir; soru içeriğiyle sınav akışı birbirinden ayrılır.
Dosya seçme ve sürükleyip bırakma alanı JSON içeriğini okur; beklenen soru biçimine dönüştürülemeyen dosyalar açıklayıcı bir hatayla reddedilir. Geçerli soru sayısı başlangıç ekranında gösterilir ve içerik hazır olmadan sınav başlatılamaz. Ekran görüntülerindeki akış quiz seçimiyle başlıyor, süreli soru ekranından geçiyor ve sonuç özetiyle tamamlanıyor.
Her soruda 30 saniyelik sayaç, ilerleme bilgisi ve seçenekler görünür. Kullanıcı cevap seçebiliyor, önceki soruya dönebiliyor veya sonraki soruya ilerleyebiliyor; süre bittiğinde akış otomatik devam ediyor. Seçilen cevaplar soru dizisindeki konumlarına göre tutuluyor. Yeniden başlatma sayaçları ve cevapları sıfırlıyor, ana menüye dönüş ise yeni bir quiz seçimine olanak veriyor.
Sonuç ekranı doğru, yanlış ve boş cevapları ayrı sayıyor; başarı oranını yüzde olarak ve dairesel görselle gösteriyor. Soru bazlı özet açıldığında kullanıcının cevabı, doğru seçenek ve varsa açıklama incelenebiliyor. Bu, sınavı yalnız puan veren bir ekrandan çıkarıp öğrenme ve tekrar aracına dönüştürüyor. Arayüzün karanlık zeminli, belirgin tipografili düzeni süre ve soru durumunu öne çıkarıyor.
Uygulama soruları tarayıcıda işliyor; görünür kodda hesap, sunucuya soru gönderme veya kalıcı sonuç geçmişi bulunmuyor. Bu sınır, ürünü hızlı ve bağımsız bir sınav oturumu için uygun kılıyor. Bir sonraki aşamada soru setlerini ve geçmiş sonuçları kalıcı saklama, farklı süre kuralları ve daha kapsamlı erişilebilirlik doğrulaması eklenebilir.