Abdellah-EL-ATRACH/Arabizi-Darija-SmartKeyboard

# BridgeChatApp: Arabizi-Darija Smart Keyboard 🇲🇦 **BridgeChatApp** est une application web moderne (React) conçue pour briser les barrières linguistiques du Darija marocain. Elle transforme l'Arabizi (Darija écrit en caractères latins et chiffres) en script Arabe authentique et propose des traductions fluides en Français et Anglais. --- ## 🚀 Fonctionnalités Clés - **Traduction Multi-Cibles** : Basculez instantanément entre le Français et l'Anglais. - **Double Inférence IA** : - **Cloud Ultra-Rapide (Groq)** : Utilise Llama 3.1 sur Groq pour des réponses en moins de 500ms. - **Local & Privé (Ollama)** : Support optionnel pour Ollama pour une confidentialité totale (100% hors-ligne). - **Interface Chat Premium** : Design inspiré d'iOS/WhatsApp avec Glassmorphism, Dark Mode et animations fluides. - **Smart Keyboard Features** : Insertion d'emojis, historique des messages, et copie rapide en un clic. - **Moteur Phonétique Hybride** : Conversion immédiate de l'Arabizi vers l'Arabe via un moteur JS haute performance. --- ## 🛠️ Installation ### 1. Prérequis - Node.js installé. - (Optionnel) Ollama pour la traduction locale. - Une clé API Groq pour la vitesse maximale. ### 2. Configuration & Lancement 1. Clonez le dépôt. 2. Allez dans le dossier de l'application : ```bash cd react_app ``` 3. Installez les dépendances : ```bash npm install ``` 4. Lancez le serveur de développement : ```bash npm run dev ``` 5. Accédez à l'application via `localhost`. --- ## 📖 Architecture Technique ### 1. Frontend (React + Tailwind) L'interface est construite avec **React 18** et **Tailwind CSS**. Elle utilise **Framer Motion** pour les animations et **Lucide-React** pour l'iconographie. ### 2. Logic de Traduction L'application utilise un **modèle de langage (LLM)** via l'API Groq (Llama 3.1 8B Instant). Elle supporte le mode JSON pour garantir des réponses structurées : ```json { "darija": "Script Arabe", "translation": "Traduction FR/EN" } ``` ### 3. Moteur de Tran …