Bu uygulama, kullanıcıların İngilizce kelimeler öğrenmelerine ve pratik yapmalarına yardımcı olmayı amaçlayan basit bir React uygulamasıdır.
- React
- Tailwind CSS
- Redux-tolkit
-
Kelimeleri Ekleyin: Kullanıcılar, öğrenmek istedikleri kelimeleri ekleyebilirler. Eklenen kelimeler otomatik olarak "Box 1" bölümüne eklenir.
-
Rasgele Kelime Gösterme: Kullanıcılar, ekledikleri kelimeler arasında rasgele seçilen kelimelerle karşılaşarak anlamını yazmaya çalışabilirler.
-
Sesli Okuma: Her kelimenin üzerine tıklandığında, kelimenin doğru telaffuzunu duymak için sesli okuma özelliği bulunmaktadır.
-
Örnek Cümle Ekleyebilme: Kullanıcılar, her kelime için akılda kalmasını kolaylaştırmak adına örnek cümleler ekleyebilirler.
-
Otamatik Sıralama: Kullanıcılar, doğru bir şekilde cevaplanan kelimeler "Box 1" bölümünden "Box 2" bölümüne, tamamen öğrenilen kelimeler ise "Box 3" bölümüne otomatik olarak geçer.
-
Kart Gösterimi: Her bir kelimenin ayrı bir kart üzerinde gösterildiği özel bir görsel arayüz eklenmiştir. Bu kartlar, kullanıcının kelimeleri daha etkili bir şekilde öğrenmesine yardımcı olabilir.
-
Kelime Ekleyin: Ana sayfada yer alan "Kelime Ekle" butonuna tıklayarak öğrenmek istediğiniz kelimeleri ekleyin.
-
Rasgele Kelime Gösterme: Kutulardan birine tıklayarak eklediğiniz kelimeler arasında rasgele seçilen bir kelime ile karşılaşın ve anlamını yazmaya çalışın.
-
Sesli Okuma: Her kelimenin üzerine tıklayarak doğru telaffuzunu dinleyin.
-
Örnek Cümle Ekleyin: Her kelime için örnek cümleler ekleyerek kelimenin akılda kalmasını sağlayın.
-
Kelime Sıralaması: Doğru bir şekilde cevaplanan kelimeler otomatik olarak "Box 1" bölümünden "Box 2" bölümüne geçer. Tamamen öğrenilen kelimeler ise "Box 3" bölümüne eklenir.
-
Kart: Kelime kartlarına tıklayarak anlamlarını ve telaffuzlarını öğrenebilirsiniz.
Proje dosyalarını indirdikten sonra, terminalde aşağıdaki komutları sırasıyla çalıştırarak uygulamayı başlatabilirsiniz:
# Projeyi indirin
git clone https://github.com/ferhatkplnn/MemWord.git
# Proje dizinine gidin
cd MemWord
# Bağımlılıkları yükleyin
npm install
# Uygulamayı başlatın
npm run dev