feat: add support for additional languages and localizations

public/locales/de/app.yaml

@@ -0,0 +1,22 @@
+header:
+  title1: "🦉LinguaCards"
+  title2: "Vokabelkarten als Alternative zu Duolingo"
+
+languageSelector:
+  native: "Meine Muttersprache:"
+  target: "Ich möchte lernen:"
+  comingSoon: "Demnächst verfügbar"
+
+button:
+  drawCard: "Karte ziehen"
+  drawing: "Ziehen..."
+  nextWord: "Nächstes Wort"
+
+flashcard:
+  exampleSentence: "Beispielsatz:"
+  memoryTip: "Merktipp"
+  relatedWords: "Verwandte Wörter:"
+  synonyms: "Synonyme:"
+  pronunciation:
+    uk: "Britisch"
+    us: "Amerikanisch"

public/locales/es/app.yaml

@@ -0,0 +1,22 @@
+header:
+  title1: "🦉LinguaCards"
+  title2: "Tarjetas de vocabulario alternativas a Duolingo"
+
+languageSelector:
+  native: "Mi idioma nativo:"
+  target: "Quiero aprender:"
+  comingSoon: "Próximamente"
+
+button:
+  drawCard: "Sacar una tarjeta"
+  drawing: "Sacando..."
+  nextWord: "Siguiente palabra"
+
+flashcard:
+  exampleSentence: "Ejemplo:"
+  memoryTip: "Consejo de memoria"
+  relatedWords: "Palabras relacionadas:"
+  synonyms: "Sinónimos:"
+  pronunciation:
+    uk: "Británico"
+    us: "Estadounidense"

public/locales/fr/app.yaml

@@ -0,0 +1,22 @@
+header:
+  title1: "🦉LinguaCards"
+  title2: "Cartes mémoire de vocabulaire alternatives à Duolingo"
+
+languageSelector:
+  native: "Ma langue maternelle :"
+  target: "Je veux apprendre :"
+  comingSoon: "Bientôt disponible"
+
+button:
+  drawCard: "Tirer une carte"
+  drawing: "Tirage en cours..."
+  nextWord: "Mot suivant"
+
+flashcard:
+  exampleSentence: "Exemple :"
+  memoryTip: "Astuce de mémoire"
+  relatedWords: "Mots associés :"
+  synonyms: "Synonymes :"
+  pronunciation:
+    uk: "Britannique"
+    us: "Américain"

public/locales/it/app.yaml

@@ -0,0 +1,22 @@
+header:
+  title1: "🦉LinguaCards"
+  title2: "Flashcard di vocabolario alternative a Duolingo"
+
+languageSelector:
+  native: "La mia lingua madre:"
+  target: "Voglio imparare:"
+  comingSoon: "Prossimamente"
+
+button:
+  drawCard: "Pesca una carta"
+  drawing: "Estrazione in corso..."
+  nextWord: "Prossima parola"
+
+flashcard:
+  exampleSentence: "Frase di esempio:"
+  memoryTip: "Suggerimento di memoria"
+  relatedWords: "Parole correlate:"
+  synonyms: "Sinonimi:"
+  pronunciation:
+    uk: "Britannico"
+    us: "Americano"

public/locales/ko/app.yaml

@@ -0,0 +1,22 @@
+header:
+  title1: "🦉LinguaCards"
+  title2: "듀오링고를 대체할 단어 플래시카드"
+
+languageSelector:
+  native: "나의 모국어:"
+  target: "학습할 언어:"
+  comingSoon: "곧 출시 예정"
+
+button:
+  drawCard: "카드 뽑기"
+  drawing: "뽑는 중..."
+  nextWord: "다음 단어"
+
+flashcard:
+  exampleSentence: "예문:"
+  memoryTip: "암기 팁"
+  relatedWords: "관련 단어:"
+  synonyms: "유의어:"
+  pronunciation:
+    uk: "영국식"
+    us: "미국식"

public/locales/languages.yaml

@@ -14,3 +14,28 @@ languages:
     name: "Japanese"
     nativeName: "日本語"
     flag: "🇯🇵"
+  ko:
+    code: "ko"
+    name: "Korean"
+    nativeName: "한국어"
+    flag: "🇰🇷"
+  fr:
+    code: "fr"
+    name: "French"
+    nativeName: "Français"
+    flag: "🇫🇷"
+  it:
+    code: "it"
+    name: "Italian"
+    nativeName: "Italiano"
+    flag: "🇮🇹"
+  es:
+    code: "es"
+    name: "Spanish"
+    nativeName: "Español"
+    flag: "🇪🇸"
+  de:
+    code: "de"
+    name: "German"
+    nativeName: "Deutsch"
+    flag: "🇩🇪"

src/App.tsx

@@ -37,13 +37,16 @@ const App = () => {
     const { t, currentLanguage } = useLanguage();
 
     const nativeLanguages = [
-      'Japanese',
+      'English',
       'Chinese',
+      'Japanese',
       'Korean',
       'French',
-      'Spanish'
+      'Italian',
+      'Spanish',
+      'German',
     ];
-    const targetLanguages = ['English', 'Coming soon'];
+    const targetLanguages = ['English', 'Chinese', 'Japanese', 'Korean','French', 'Italian', 'Spanish', 'German', 'Coming soon'];
 
     const fetchFlashcard = async () => {
       setLoading(true);