# 🇲🇦 Traducteur Darija - Extension Chrome
Extension Chrome pour traduire l'anglais vers le darija marocain avec reconnaissance vocale.
---
## 📺 Démonstration
**Vidéo :**
drive.google.com
---
## ✨ Fonctionnalités
- 🔄 **Traduction** : Anglais → Darija
- 🎤 **Reconnaissance vocale** : Parlez en anglais
- 🔊 **Lecture audio** : Écoutez en arabe
- 📋 **Extraction de texte** : Depuis n'importe quelle page web
- ⚙️ **Configuration** : URL API personnalisable
---
## 🚀 Installation
1. Ouvrez Chrome : `chrome://extensions/`
2. Activez **Mode développeur**
3. Cliquez **"Charger l'extension non empaquetée"**
4. Sélectionnez le dossier de l'extension
---
## 💻 Utilisation
### Traduction simple
1. Cliquez sur l'icône de l'extension
2. Tapez du texte en anglais
3. Cliquez **"Translate to Darija"**
### Avec la voix
1. Cliquez **"🎤 Speak in English"**
2. Parlez en anglais
3. La traduction apparaît automatiquement
4. Cliquez **"🔊 Read Aloud"** pour écouter
---
## ⚙️ Configuration
**Paramètres par défaut :**
```
API URL:
localhost
Username: translator
Password: password123
```
Pour modifier : Cliquez sur **⚙️** dans le side panel.
---
## 🏗️ Architecture
```
Extension Chrome ──HTTP POST──> Service REST Java ──API──> Google Gemini
(Client) (JSON) (JAX-RS + Jetty) (AI)
```
**Technologies :**
- Chrome Extension Manifest V3
- Web Speech API (reconnaissance + synthèse)
- Fetch API (requêtes REST)
- Java + JAX-RS (backend)
---
## 📁 Fichiers
```
├── manifest.json # Configuration
├── sidepanel.html # Interface
├── sidepanel.css # Styles
├── sidepanel.js # Logique
├── background.js # Service worker
└── icons/ # Icônes
```
---
## 🐛 Problèmes courants
| Problème | Solution |
|----------|----------|
| Erreur 404 | Vérifiez l'URL API dans les paramètres |
| Erreur 4 …