Yapay zeka ile quiz uygulaması nasıl yapılır

Prompt yazmadan önce, inşa etmeye değer en küçük sürümü tanımlayın.

Çoğu quiz uygulaması için bu şu anlama gelir:

• quiz’i açıklayan bir ana ekran
• cevap seçenekleri olan bir soru ekranı
• puan ve geri bildirim içeren bir sonuç ekranı
• yeniden başlatma butonu

Sonra birkaç temel karar verin:

• Platform: React + Tailwind ile bir web sitesi mi, yoksa Expo ile React Native mobil uygulama mı
• Soru türü: çoktan seçmeli başlamak için en kolay seçenektir
• Puanlama: her doğru cevap için 1 puan, yanlış cevapta eksi puan veya ağırlıklı puanlama
• İçerik kaynağı: önce sabitlenmiş örnek sorular mı, yoksa daha sonra veritabanında saklanacak mı
• Kullanıcı hesapları: yalnızca kaydedilmiş ilerleme, geçmiş veya kullanıcıya özel sonuçlar istiyorsanız gerekir
• Ödemeler: yalnızca quiz’lere, paketlere veya premium özelliklere erişim ücretliyse gerekir

İlk sürümü dar tutun. Hesaplar, lider tabloları, ödemeler, analitik ve yapay zeka ile üretilen sorular içeren zamanlı bir sınav uygulaması aslında birkaç ayrı projedir. Baştan sona tamamlanabilen bir quiz ile başlayın.

Moremade’de uygulamayı düz dilde tarif edersiniz ve yapay zeka ajanı kaynak kodu yazar. Ardından canlı bir önizleme alırsınız ve projeyi sohbetle değiştirmeye devam edebilirsiniz.

İlk promptunuz şunları kapsamalı:

• platform
• ekranlar
• soru formatı
• puanlamanın nasıl çalıştığı
• görsel stil
• örnek veri kullanılıp kullanılmayacağı

İyi bir ilk prompt, tahmin yürütmeyi engelleyecek kadar spesifik, ama prompt yazmaktan inşa etmek için harcanandan fazla zaman almayacak kadar da kısa olmalıdır.

Genel bilgi pratiği için React Native ve Expo ile bir mobil quiz uygulaması oluşturun. Bir ana ekran, bir quiz ekranı ve bir sonuç ekranı ekleyin. Dört cevabı olan 10 çoktan seçmeli soru kullanın ve her seferinde yalnızca bir soru gösterin. Her doğru cevap için 1 puan ekleyerek skoru tutun. Son sorudan sonra toplam skoru, doğru cevapları ve quiz’i yeniden başlatmak için bir buton gösterin. Basit ve temiz bir stil, büyük dokunma alanları kullanın ve uygulama içinde sabitlenmiş örnek soru verileri kullanın.

Bir web sitesi istiyorsanız bunu doğrudan söyleyin. Moremade, web sitelerini React + Tailwind kodu olarak ve mobil uygulamaları React Native (Expo) olarak üretir.

İlk derlemeden sonra canlı önizlemeyi bir izleyici gibi değil, bir testçi gibi inceleyin. Tüm akışı dokunarak geçin. Stil üzerinde zaman harcamadan önce mantığın doğru olup olmadığını kontrol edin.

Şu sorunlara bakın:

• puanın doğru güncellenmemesi
• sorular arasında cevap durumunun sıfırlanmaması
• mobilde butonların çok küçük olması
• ilerlemeyi gösteren bir işaret olmaması
• sonuç ekranının kalabalık görünmesi

Sonra küçük, hedefli istekler yapın. Üç yararlı örnek:

• "Quiz ekranının üst kısmında soru numarasını 10 üzerinden gösteren bir ilerleme göstergesi ekleyin."
• "Kullanıcı bir cevap seçtikten sonra seçilen seçeneği vurgulayın ve Next’e dokunana kadar diğer seçenekleri devre dışı bırakın."
• "Sonuç ekranını, her soruyu, kullanıcının cevabını, doğru cevabı ve doğru olup olmadığını gösterecek şekilde güncelleyin."

Bu genellikle tüm promptu yeniden yazmaktan daha hızlıdır. Moremade ayrıca görsel bir denetleyici içerir; böylece bir öğeyi işaret edip değiştirebilirsiniz. Üretilen kodu daha doğrudan incelemek veya düzenlemek isterseniz bir kod görünümü de vardır.

Eğer yapay zeka gereğinden fazla özellik eklerse, sadeleştirin. İstediğiniz dışındaki animasyonları, kategorileri veya hesap ekranlarını kaldırmasını isteyin.

Temel bir quiz uygulamasının backend’e ihtiyacı yoktur. Sabitlenmiş örnek sorular, ilk çalışan sürüm için yeterlidir.

Şu durumlarda Supabase ekleyin:

• soru setlerini veritabanında saklamak
• kullanıcı girişi
• puanları veya quiz geçmişini kaydetmek
• varlık veya dosya yüklemek

Moremade’de Supabase veritabanı, giriş yapma ve dosya depolama işlerini yönetebilir. Pratik bir sonraki adım şu olabilir:

• bir quizzes tablosu oluşturmak
• bir quiz’e bağlı questions tablosu oluşturmak
• bir kullanıcıya bağlı results tablosu oluşturmak

Sonra değişikliği düz bir dille isteyin; örneğin: "Bu uygulamayı Supabase’e bağlayın. Quiz’leri ve soruları veritabanında saklayın, e-posta ile giriş ekleyin ve tamamlanan her skoru bir results tablosuna kaydedin."

Yalnızca ürün erişim için ücret alıyorsa Stripe ekleyin; örneğin premium quiz paketleri veya ücretli sertifikalar gibi. Moremade, fiyatları sizin belirlediğiniz bir Stripe bağlayıcısı içerir. Uygulamanız ücretsizse, ödemeleri şimdilik atlayın. Erken sürümler, daha az hareketli parça olduğunda doğrulanması daha kolaydır.

Bir web sitesi yapıyor olsanız bile, telefon boyutunda bir ekranda test edin. Quiz ürünleri çoğunlukla mobilde kullanılır ve küçük etkileşim sorunları hızla ortaya çıkar.

Şu noktaları kontrol edin:

• metin zoom yapmadan okunabiliyor mu
• cevap butonlarına kolayca dokunuluyor mu
• sonraki adım net mi
• uzun sorular düzeni bozuyor mu
• sonuç ekranları düşük ve yüksek puanları düzgün yönetiyor mu
• quiz yeniden başlatıldığında durum tamamen sıfırlanıyor mu

Zorlayıcı içerikleri de test edin:

• çok kısa sorular
• çok uzun cevaplar
• tüm cevapların yanlış olması
• tüm cevapların doğru olması
• veritabanı kullanıyorsanız boş veya eksik soru verisi

Bir şey başarısız olursa, net bir düzeltme isteyin. Örneğin: "Küçük ekranlarda cevap kartlarını tam genişlikte yapın ve Next butonunu güvenli boşlukla alt kısma sabitleyin."

Sürüm geçmişi burada faydalıdır. Bir değişiklik uygulamayı kötüleştirirse, her şeyi prompt ile geri almaya çalışmak yerine geri dönebilirsiniz.

Temel akış çalıştığında yayınlayın. Moremade, tek tıkla ücretsiz yourname.moremade.ai alt alan adına yayınlayabilir. Bu, dahili inceleme, kullanıcı testi veya bir prototipi paylaşmak için yeterlidir.

Ücretli bir plandaysanız, özel bir alan adı bağlayabilirsiniz. Alan adları Moremade içinde de satın alınabilir.

Yayınlamadan önce kısa bir kontrol yapın:

• başlık ve giriş metni quiz konusu ile uyuşuyor mu
• puanlama doğru mu
• butonlar ve bağlantılar çalışıyor mu
• yer tutucu metin kalmış mı
• varsa giriş veya ödeme akışı çalışıyor mu

İstediğiniz zaman tam kaynak kodunu ZIP olarak dışa aktarabilir veya GitHub’a gönderebilirsiniz. Bu, daha sonra platform dışında geliştirmeye devam etmek, kodu ekibinizle incelemek veya projeyi başka bir geliştiriciye devretmek istiyorsanız önemlidir.

Birkaç kalıp gereksiz yeniden çalışmaya neden olur.

• Çok fazla özellikle başlamak. Hesaplar, abonelikler veya analitik eklemeden önce tek bir quiz akışını çalışır hale getirin.
• Belirsiz prompt yazmak. "Bana bir quiz uygulaması yap" ifadesi çok fazla boşluk bırakır. Ekranları, puanlamayı ve platformu belirtin.
• Her şeyi bir anda değiştirmek. Küçük takip promptları kontrol etmesi ve test etmesi daha kolaydır.
• Veritabanını çok erken eklemek. Statik örnek sorular genellikle ilk sürüm için yeterlidir.
• Mobil düzeni görmezden gelmek. Quiz arayüzleri etkileşim ağırlıklıdır ve küçük ekranlar zayıf UI’yı hızla ortaya çıkarır.
• Köşe durumlarını kontrol etmemek. Quiz sonu mantığı, yeniden başlatma davranışı ve uzun cevap metinleri çoğu zaman ilk bozulan şeylerdir.
• Önizlemeyi bitmiş saymak. İlk üretim bir taslaktır. Birkaç iyileştirme turu bekleyin.

İyi bir kural, eksiksiz ama basit bir döngü hedeflemektir: quiz’i başlatın, soruları cevaplayın, skoru görün, yeniden başlatın, yayınlayın. Bu çalıştığında, yalnızca gerçek bir ihtiyaç varsa kalıcılık, giriş yapma veya ücretli erişim ekleyin.