Flashcard : un outil d'apprentissage des langues étrangères basé sur Dify, qui remplace Duolingo.

Introduction générale

Flashcard est un outil d'apprentissage des langues open source conçu pour offrir une alternative à Duolingo. Flashcard utilise la technologie de l'intelligence artificielle pour fournir un système dynamique de cartes mnémoniques, supporte une interface multilingue (à la fois en anglais et en chinois), et inclut des fonctionnalités telles que des guides de prononciation et des suggestions de vocabulaire. des fonctionnalités. Les utilisateurs peuvent personnaliser leur expérience d'apprentissage grâce à un système back-end auto-hébergé.

Liste des fonctions

• Système de carte mémoire dynamique, utilisant la technologie de l'intelligence artificielle pour améliorer les effets de mémoire
• Interface multilingue (anglais/chinois)
• Interface utilisateur moderne, conçue avec Tailwind CSS
• Guide de la prononciation britannique et américaine
• Suggestions de vocabulaire pertinentes pour aider à élargir le vocabulaire
• Système back-end auto-hébergé avec soutien à la personnalisation
• Open source, les contributions de la communauté sont les bienvenues pour les nouveaux packs de langues, les améliorations de l'interface utilisateur et l'optimisation des indices d'IA.

Utiliser l'aide

Processus d'installation

1. Cloner le code du projet :

   git clone https://github.com/stvlynn/flashcard.git
cd flashcard

2. Installer la dépendance :

   npm install

3. Configurer les variables d'environnement : créer un.envet ajouter ce qui suit :

   VITE_DIFY_API_KEY=your_dify_api_key
VITE_DIFY_API_URL=your_workflow_endpoint

4. Démarrer le serveur de développement :

   npm run dev

Lignes directrices pour l'utilisation

1. Système de carte à mémoire dynamique: :
   • Une fois dans l'application, sélectionnez la langue que vous souhaitez apprendre.
   • Le système génère dynamiquement des cartes mémoire en fonction de vos progrès d'apprentissage et de votre mémorisation.
   • Chaque carte contient le mot, sa prononciation et des phrases d'exemple pour vous aider à maîtriser pleinement le vocabulaire.
2. Prise en charge de l'interface multilingue: :
   • Choisissez votre langue d'interface préférée dans les paramètres (actuellement, l'anglais et le chinois sont pris en charge).
   • La langue de l'interface peut être changée instantanément pour les utilisateurs ayant des connaissances linguistiques différentes.
3. Guide de prononciation: :
   • Il y a des boutons de prononciation sur chaque carte de mot, cliquez dessus pour entendre la prononciation britannique et américaine.
   • Améliorez la précision de votre prononciation en écoutant et en imitant encore et encore.
4. Suggestions de vocabulaire apparenté: :
   • Le système vous aidera à enrichir votre vocabulaire en vous recommandant des mots apparentés en fonction des mots que vous êtes en train d'apprendre.
   • Ces mots apparaissent au bas de la carte et peuvent être cliqués pour en voir les détails.
5. Système back-end auto-hébergé: :
   • Connectez-vous au tableau de bord Dify, créez un nouveau flux de travail et importez-le.dify-config.ymlDocumentation.
   • mise à jour.envLes clés API et les points de terminaison du flux de travail dans la documentation pour compléter la personnalisation.
6. Contributions communautaires: :
   • Les développeurs sont invités à contribuer à l'ajout de nouveaux packs de langues à la base de donnéespublic/locales/[lang]/Catalogue.
   • Proposer des améliorations de l'interface utilisateur et des optimisations de l'IA pour améliorer l'expérience de l'utilisateur.
   • Soumettre des rapports de bogues et des suggestions d'amélioration pour aider le projet à continuer à s'améliorer.