Ajout des statistiques globales sur la page d'accueil

backend/api/routes/questions.py

@@ -5,6 +5,7 @@ from models.question import QuestionRequest, QuestionResponse
 from services.question_handler import QuestionHandler
 
 from models.interaction import InteractionLog
+from models.document import Document
 
 router = APIRouter()
 handler = QuestionHandler()
@@ -30,6 +31,21 @@ def ask_question(request: QuestionRequest, db: Session = Depends(get_db)):
 
     return answer_data
 
+@router.get("/stats/global")
+def get_global_stats(db: Session = Depends(get_db)):
+    """
+    Retourne les statistiques globales de toute la plateforme pour la page d'accueil.
+    """
+    total_sessions = db.query(Document.session_id).distinct().count()
+    total_documents = db.query(Document).count()
+    total_questions = db.query(InteractionLog).count()
+    
+    return {
+        "total_sessions": total_sessions,
+        "total_documents": total_documents,
+        "total_questions": total_questions
+    }
+
 @router.get("/stats/{session_id}")
 def get_stats(session_id: str, db: Session = Depends(get_db)):
     """

frontend/app.js

@@ -338,3 +338,38 @@ function escapeHtml(str) {
     .replace(/>/g, ">")
     .replace(/"/g, """);
 }
+
+function animateValue(id, start, end, duration) {
+  if (start === end) return;
+  const obj = document.getElementById(id);
+  let startTimestamp = null;
+  const step = (timestamp) => {
+    if (!startTimestamp) startTimestamp = timestamp;
+    const progress = Math.min((timestamp - startTimestamp) / duration, 1);
+    obj.innerHTML = Math.floor(progress * (end - start) + start);
+    if (progress < 1) {
+      window.requestAnimationFrame(step);
+    }
+  };
+  window.requestAnimationFrame(step);
+}
+
+async function loadGlobalStats() {
+  try {
+    const resp = await fetch(`${API_BASE}/stats/global`);
+    if (resp.ok) {
+      const data = await resp.json();
+      document.getElementById("global-stats").classList.remove("hidden");
+      animateValue("stat-sessions", 0, data.total_sessions, 1500);
+      animateValue("stat-docs", 0, data.total_documents, 1500);
+      animateValue("stat-questions", 0, data.total_questions, 1500);
+    }
+  } catch (e) {
+    console.error("Erreur stats globales", e);
+  }
+}
+
+// Initialisation au démarrage
+document.addEventListener("DOMContentLoaded", () => {
+  loadGlobalStats();
+});

frontend/index.html

@@ -30,6 +30,21 @@
         Interrogez vos cours PDF en français ou en langue locale.<br />
         Réponses sourcées, fonctionne sur smartphone, sans connexion stable.
       </p>
+      <div id="global-stats" class="global-stats hidden">
+        <div class="stat-item">
+          <div class="stat-value" id="stat-sessions">0</div>
+          <div class="stat-label">Cours Interactifs Créés</div>
+        </div>
+        <div class="stat-item">
+          <div class="stat-value" id="stat-docs">0</div>
+          <div class="stat-label">Ressources Indexées</div>
+        </div>
+        <div class="stat-item">
+          <div class="stat-value" id="stat-questions">0</div>
+          <div class="stat-label">Questions Résolues</div>
+        </div>
+      </div>
+
       <div id="role-selection" class="role-cards">
         <button class="role-card" onclick="showTeacherLogin()">
           <div class="role-icon"></div>

frontend/style.css

@@ -525,3 +525,39 @@ body {
   .message-bubble { max-width: 92%; }
   .chat-header { padding: 16px; }
 }
+
+/* ========== GLOBAL STATS ========== */
+.global-stats {
+  display: flex;
+  justify-content: center;
+  gap: 32px;
+  background: rgba(255, 255, 255, 0.03);
+  border: 1px solid var(--border);
+  backdrop-filter: blur(10px);
+  border-radius: var(--radius);
+  padding: 16px 24px;
+  margin-bottom: 32px;
+}
+@media(max-width:640px) {
+  .global-stats { flex-direction: column; gap: 16px; padding: 16px; }
+}
+.stat-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+}
+.stat-value {
+  font-size: 1.8rem;
+  font-weight: 800;
+  color: var(--accent-3);
+  margin-bottom: 4px;
+  font-variant-numeric: tabular-nums;
+}
+.stat-label {
+  font-size: 0.8rem;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: var(--text-muted);
+  font-weight: 600;
+}