ELQORSIOUMAIMA/PFE_Project

🤖 Nour — Chatbot intelligent ADM (Autoroutes du Maroc) | RAG + LLM + Agent IA | Support trilingue FR/AR/Darija | FastAPI + FAISS + Groq Llama 3.3 # Widget Chat ADM — Nour (HTML / CSS / JS) Widget de chat flottant, autonome, à coller sur n'importe quelle page. ## Fichiers - `index.html` — structure du widget - `style.css` — tous les styles (couleurs ADM, animations, RTL/LTR) - `script.js` — logique (ouverture/fermeture, envoi des messages, rendu) ## Installation 1. Copie les 3 fichiers dans ton projet (ou seulement `style.css` + `script.js` si tu intègres le HTML directement dans une page existante). 2. Dans `script.js`, mets à jour l'URL du backend si besoin : ```js const API_URL = "127.0.0.1"; ``` 3. Assure-toi que ton backend FastAPI autorise le CORS depuis l'origine de cette page (déjà permissif côté `chatbot.py` avec `allow_origins=["*"]`). 4. Ouvre `index.html` dans un navigateur, ou inclus ces 3 fichiers dans le template de ton site. ## Dépendances externes (CDN, aucune installation requise) - Tailwind CSS (CDN) — classes utilitaires - Lucide Icons (CDN) — icônes - Google Fonts — police DM Sans ## Personnalisation rapide - Couleurs de marque : variables CSS `--adm-navy` et `--adm-gold` en haut de `style.css`. - Messages d'accueil : tableau `pools` dans `showWelcome()` (script.js). - Endpoint backend : `POST {API_URL}/chat` avec `{ "message": "..." }`, attend en retour `{ "response": "..." }`.