Toolbox est une extension de navigateur polyvalente qui regroupe plusieurs outils essentiels pour les développeurs web. Elle inclut une bibliothèque de ressources sur divers langages de programmation, un outil de mise en page responsive et une intégration de traduction avec DeepL.
- 🔄 Bibliothèque de Ressources: Accédez rapidement à une vaste collection de documentations, tutoriels et exemples de code pour de nombreux langages de programmation.
- 📱 Outil de Mise en Page Responsive: Simulez facilement l'affichage de votre site web sur différents appareils, comme l'iPhone 13, pour tester et améliorer la réactivité de votre design.
- 🌍 Traduction Intégrée avec DeepL: Traduisez instantanément du texte directement à partir de votre navigateur grâce à l'intégration avec l'API de DeepL.
Avant de commencer, assurez-vous d'avoir les éléments suivants :
- 🧩 Un navigateur compatible (Google Chrome ou Firefox).
- 🔑 Une clé API valide pour DeepL. Vous pouvez obtenir une clé API en vous inscrivant sur le site de DeepL. API DeepL
-
Clonez ce repository sur votre machine locale :
bash
Copier le code
git clone https://github.com/votre-utilisateur/toolbox.git -
Ouvrez votre navigateur et accédez à
chrome://extensions/(pour Chrome) ouabout:debugging#/runtime/this-firefox(pour Firefox). -
Activez le mode développeur.
-
Cliquez sur le bouton "Charger l'extension non empaquetée" et sélectionnez le dossier du projet cloné.
- Cliquez sur l'icône de l'extension dans la barre d'outils de votre navigateur.
- Explorez les différentes fonctionnalités :
- Bibliothèque de Ressources: Parcourez les catégories de langages et accédez aux ressources.
- Outil de Mise en Page Responsive: Choisissez un appareil ou entrez des dimensions personnalisées pour redimensionner la page active.
- Traduction DeepL: Cliquez sur l'icône de l'extension dans la barre d'outils de Chrome. Entrez le texte que vous souhaitez traduire. Sélectionnez la langue dans laquelle vous souhaitez traduire votre texte. Appuyez ensuite sur "Traduire" et le tour est joué.
- Profitez des outils pour améliorer votre workflow de développement web.
Ce projet est sous licence MIT - voir le fichier LICENSE pour plus de détails.
- DeepL pour leur API de traduction.