Dosyayı inceledim. Kullanıcı, bu İngilizce öğretim uygulamasını kapalı devre (standalone) HTML olarak mobilde ve webte çalışan bir uygulama haline getirmemi ve gramer bölümleri ile 100 basit cümle analizi eklememi istiyor.

Şimdi bu uygulamayı tek bir HTML dosyası olarak oluşturacağım. Tüm veriler, stiller ve React kodu dosyanın içinde olacak.

Simdi ana sayfadan bu HTML dosyasina erisim saglayan bir sayfa olusturacagim:

Kapali devre HTML uygulamasini olusturdum. Uygulama asagidaki ozellikleri iceriyor:

100 Cumle Analizi Modulu:

• Simple Present (10 cumle)
• Present Continuous (10 cumle)
• Simple Past (10 cumle)
• Present Perfect (10 cumle)
• Future - Will (5 cumle)
• Future - Going to (5 cumle)
• Passive Voice (5 cumle)
• First/Second Conditional (5 cumle)

Her cumle icin:

• Kelime analizi (Subject, Verb, Object, Time, etc.)
• Renk kodlu gorsellik
• Yapi formulu
• Kural aciklamasi
• Olumsuz ve soru formu

Gramer Motoru:

• 12 temel zaman kipi kurali
• Yapi formulleri
• Zaman isaretleri (signal words)
• Olumlu, olumsuz, soru ornekleri
• Puf noktalari

Quiz Merkezi:

• 20 gramer sorusu
• Seviye filtreleme (A1, A2, B1)
• Aciklama ile geri bildirim

Uygulama tamamen kapali devre calisir ve /english-teacher-app.html adresinden erisilebilir.

Dosyada CDN bagimililiklari goruyorum (React, ReactDOM, Babel). Bunlari kaldirip, tum JavaScript'i vanilla JS olarak yeniden yazarak tamamen kapali devre calisir hale getirecegim.