🌍 Translator

Une application de traduction facile à utiliser qui permet aux utilisateurs de traduire du texte entre plusieurs langues. Avec une interface simple et intuitive, l'application offre des fonctionnalités pratiques telles que la lecture audio et la copie rapide du texte.

🎨 Aperçu

L'application Translator permet de traduire du texte instantanément entre différentes langues. Elle propose également des options pour lire le texte traduit à haute voix et copier facilement le texte dans le presse-papiers.

🚀 Fonctionnalités

• Traduction instantanée : Traduisez du texte entre plusieurs langues en un seul clic.
• Échange de langues : Inversez facilement la langue source et la langue cible.
• Lecture audio : Écoutez le texte d'origine ou traduit avec la synthèse vocale.
• Copie rapide : Copiez le texte d'origine ou traduit en un clic.
• Sélection des langues : Choisissez parmi un large éventail de langues.
• Interface utilisateur fluide : Design simple et épuré, adapté à tous les utilisateurs.

🛠️ Technologies

• React.js : Librairie JavaScript pour la création de l'interface utilisateur.
• CSS3 : Pour la mise en page et le style de l'application.
• MyMemory Translated API : Utilisée pour obtenir les traductions en temps réel.
• Web Speech API : Pour la synthèse vocale (lecture audio).

📦 Installation

1. Cloner le projet :

   git clone https://github.com/votre-utilisateur/translator-app.git
   cd translator-app

2. Installer les dépendances :

   npm install

3. Démarrer l'application :

   npm start

4. Accéder à l'application : Ouvrez http://localhost:3000 dans votre navigateur.

📖 Utilisation

• Saisie du texte : Saisissez le texte à traduire dans le champ de texte de gauche.
• Sélection des langues : Choisissez la langue source et la langue cible dans les menus déroulants.
• Traduction : Cliquez sur "Translate Text" pour obtenir la traduction.
• Écoute du texte : Cliquez sur l'icône du haut-parleur pour écouter le texte d'origine ou traduit.
• Copie du texte : Utilisez l'icône de copie pour copier le texte dans le presse-papiers.
• Échange des langues : Inversez la langue source et la langue cible en un clic grâce à l'icône d'échange.

🗂 Structure du projet

/public
  index.html              # Page HTML principale
/src
  /components             # Composants React (ex. : Countries.jsx)
  App.js                  # Composant principal de l'application
  App.css                 # Style de l'application
  index.js                # Point d'entrée de React
  index.css               # Style des tout les composants

🎥 Démo

Regardez une démo en direct de l'application ici !

🤝 Contributions

Les contributions sont les bienvenues ! Si vous souhaitez améliorer cette application ou ajouter de nouvelles fonctionnalités, veuillez suivre ces étapes :

1. Fork le projet.
2. Créez une nouvelle branche (git checkout -b feature/new-feature).
3. Committez vos changements (git commit -am 'Ajout d'une nouvelle fonctionnalité').
4. Poussez sur la branche (git push origin feature/new-feature).
5. Créez une Pull Request.

📄 Licence

Ce projet est sous licence MIT. Consultez le fichier LICENSE pour plus d'informations.