🌍 Chrome Extension: Translate Entire Webpage

🚀 TranslateX is a Chrome extension that enables users to translate an entire webpage using a custom script and language preferences. With prompt-based translation and a toggle feature, users can seamlessly switch between the original and translated content.

🔗 GitHub Repository: Translate Entire Webpage Extension

---

📝 About

This Chrome extension integrates with translation services and allows users to customize translations by providing a prompt. Instead of relying on a fixed translation, users can specify how they want the webpage to be translated.

Users can:
✅ Write a prompt such as "Translate this webpage into French using a formal tone."
✅ Use a script-based approach for structured translations.
✅ Toggle between original and translated content easily.

It is built using JavaScript, the Chrome Extensions API, and external translation APIs, ensuring smooth performance and flexibility.

---

🚀 Features

✅ Prompt-Based Translation – Users can define how they want the translation to be done.
✅ Full Webpage Translation – Translates all text content on a page dynamically.
✅ Language Flexibility – Users can choose their preferred language.
✅ Toggle Between Original & Translated Content – Easily switch views without reloading the page.
✅ Custom Script Support – Define advanced translation rules.
✅ Lightweight & Fast – Optimized for quick and smooth performance.
✅ User-Friendly Interface – Simple and intuitive UI for ease of use.

---

🔧 Installation & Setup

1️⃣ Install from Source (Manual Installation)

1. Clone the repository:

   git clone https://github.com/rebumatadele/Chrome-extension-to-translate-entire-webpage-.git
   cd Chrome-extension-to-translate-entire-webpage-

2. Load the extension in Chrome:

   • Open chrome://extensions/ in Google Chrome.
   • Enable Developer Mode (toggle in the top right).
   • Click Load Unpacked and select the extension folder.

3. Use the extension:

   • Click the extension icon in the toolbar.
   • Enter your translation prompt (e.g., "Translate this webpage into Spanish using a casual tone.").
   • Click Translate to apply the changes.
   • Use the Toggle button to switch between the original and translated content.

---

🛠 How It Works

1️⃣ User clicks the extension icon.
2️⃣ Writes a translation prompt specifying the language and translation style.
3️⃣ The extension processes the content using an external translation API.
4️⃣ The translated version of the webpage is displayed.
5️⃣ User can toggle back to the original content with a single click.

---

🖥️ Tech Stack

• 🛠 JavaScript – Core functionality.
• 🌐 Chrome Extensions API – Browser integration.
• 📜 HTML & CSS – Extension UI.
• 📡 Translation API – Calls external services for dynamic translations.

---

🔥 Customization & Advanced Use

• Users can modify the translation script to support additional languages or styles.
• Custom prompts allow fine-tuned translations, making it perfect for professionals and language learners.

---

📜 License

This project is open-source and available under the MIT License.

---

🙌 Contributing

Want to improve the extension? Contributions are welcome!

✅ Fork the repo
✅ Submit issues and feature requests
✅ Open pull requests

---

📩 Contact

For inquiries or suggestions:
🔗 GitHub: Rebuma Tadele

Let’s make web browsing accessible for everyone! 🌍🚀