Merge remote-tracking branch 'origin/Alexis' into Emmanuel

Récupère la FAQ de la page d'accueil et la refonte de la page Contact, ainsi
que la chaîne CI/CD et l'infrastructure VPS HTTPS venues de main.

Résolution des 13 conflits :

- Footer : les deux corrections sont conservées. FooterLink sort du composant
  (Alexis), la grille passe en une colonne sous 640 px et l'adresse email peut
  se couper (audit responsive).
- Admin : le BOM du CSV adopte la séquence échappée d'Alexis, plus lisible que
  le caractère invisible et sans règle de lint à désactiver.
- Contact : version d'Alexis retenue, plus complète, avec son formulaire.
- Connexion, Inscription : logos SVG conservés dans leur version nettoyée,
  avec aria-hidden ; les gestionnaires OAuth et les champs d'inscription
  restent en place.
- UserNav, Profile, services/admin : versions locales conservées.
- docker-compose : structure Traefik et domaines HTTPS d'Alexis, sur lesquels
  sont regreffés FRONTEND_URL et les identifiants OAuth par substitution.
- Les deux package-lock régénérés depuis les package.json fusionnés.

Aligne au passage les derniers chemins d'API restés relatifs sur VITE_API_URL,
sans quoi le bouton Google et la configuration du jeu visaient le domaine du
front en déploiement.

Fiabilise trois tests de tirage au sort : la table GrandPrizeWinner est unique
pour tout le jeu et le vivier contient de vrais comptes, donc les suites
mettent désormais un éventuel tirage réel de côté et n'attendent plus de
connaître le gagnant à l'avance.

Jenkinsfile

@@ -8,8 +8,7 @@ pipeline {
     }
 
     environment {
-        REGISTRY = "localhost:5000"
+        REGISTRY = "registry.wk-archi-o24a-4-5-g4.fr"
-        SERVER_IP = "192.168.1.95"
 
         BACKEND_IMAGE = "${REGISTRY}/the-tip-top/backend"
         FRONTEND_IMAGE = "${REGISTRY}/the-tip-top/frontend"
@@ -49,7 +48,7 @@ pipeline {
                         env.COMPOSE_PROJECT = 'tiptop-dev'
                         env.DEPLOY_NETWORK = 'tiptop-dev'
 
-                        env.FRONTEND_API_URL = "http://${SERVER_IP}:5001"
+                        env.FRONTEND_API_URL = "https://api-dev.dsp5-archi-o24a-4-5-g4.fr"
 
                     } else if (env.BRANCH_NAME.startsWith('release-')) {
                         env.DEPLOY_ENABLED = 'true'
@@ -59,7 +58,7 @@ pipeline {
                         env.COMPOSE_PROJECT = 'tiptop-preprod'
                         env.DEPLOY_NETWORK = 'tiptop-preprod'
 
-                        env.FRONTEND_API_URL = "http://${SERVER_IP}:5002"
+                        env.FRONTEND_API_URL = "https://api-preprod.dsp5-archi-o24a-4-5-g4.fr"
 
                     } else if (env.BRANCH_NAME == 'main') {
                         env.DEPLOY_ENABLED = 'true'
@@ -69,7 +68,7 @@ pipeline {
                         env.COMPOSE_PROJECT = 'tiptop-prod'
                         env.DEPLOY_NETWORK = 'tiptop-prod'
 
-                        env.FRONTEND_API_URL = "http://${SERVER_IP}:5003"
+                        env.FRONTEND_API_URL = "https://api.dsp5-archi-o24a-4-5-g4.fr"
 
                     } else {
                         env.DEPLOY_ENABLED = 'false'
@@ -85,7 +84,6 @@ pipeline {
                     echo "Tag Docker         : ${env.IMAGE_TAG}"
                     echo "Environnement      : ${env.DEPLOY_ENV}"
                     echo "Déploiement activé : ${env.DEPLOY_ENABLED}"
-                    echo "Serveur            : ${env.SERVER_IP}"
                     echo "API frontend       : ${env.FRONTEND_API_URL}"
                 }
             }
@@ -139,6 +137,10 @@ pipeline {
 
                       sleep 2
                     done
+                    docker run --rm \
+  -v tiptop-npm-cache-backend:/npm-cache \
+  alpine \
+  sh -c 'chown -R 1000:1000 /npm-cache'
 
                     docker run --rm \
                       --network "${CI_NETWORK}" \
@@ -186,6 +188,11 @@ pipeline {
             steps {
                 sh '''
                     docker run --rm \
+  -v tiptop-npm-cache-frontend:/npm-cache \
+  alpine \
+  sh -c 'chown -R 1000:1000 /npm-cache'
+
+                    docker run --rm \
                       --volumes-from furious-jenkins \
                       -v tiptop-npm-cache-frontend:/npm-cache \
                       --user "$(id -u):$(id -g)" \
@@ -229,19 +236,33 @@ pipeline {
         }
 
         stage('Publication dans le Registry') {
-            when {
+    when {
-                expression {
+        expression {
-                    env.DEPLOY_ENABLED == 'true'
+            env.DEPLOY_ENABLED == 'true'
-                }
-            }
-
-            steps {
-                sh '''
-                    docker push "${BACKEND_IMAGE}:${IMAGE_TAG}"
-                    docker push "${FRONTEND_IMAGE}:${IMAGE_TAG}"
-                '''
-            }
         }
+    }
+
+    steps {
+        withCredentials([
+            usernamePassword(
+                credentialsId: 'registry-credentials',
+                usernameVariable: 'REGISTRY_USER',
+                passwordVariable: 'REGISTRY_PASSWORD'
+            )
+        ]) {
+            sh '''
+                echo "${REGISTRY_PASSWORD}" | \
+                  docker login "${REGISTRY}" \
+                  -u "${REGISTRY_USER}" \
+                  --password-stdin
+
+                docker push "${BACKEND_IMAGE}:${IMAGE_TAG}"
+                docker push "${FRONTEND_IMAGE}:${IMAGE_TAG}"
+            '''
+        }
+    }
+}
+
 
         stage('Validation production') {
             when {
@@ -333,12 +354,13 @@ pipeline {
     }
 
     post {
-        always {
+    always {
-            sh '''
+        sh '''
-                docker rm -f "${CI_DATABASE}" 2>/dev/null || true
+            docker logout "${REGISTRY}" 2>/dev/null || true
-                docker network rm "${CI_NETWORK}" 2>/dev/null || true
+            docker rm -f "${CI_DATABASE}" 2>/dev/null || true
-            '''
+            docker network rm "${CI_NETWORK}" 2>/dev/null || true
-        }
+        '''
+    }
 
         success {
             echo """

backend/package-lock.json

@@ -5518,9 +5518,9 @@
       }
     },
     "node_modules/nodemailer": {
-      "version": "9.0.5",
+      "version": "9.0.3",
-      "resolved": "https://registry.npmjs.org/nodemailer/-/nodemailer-9.0.5.tgz",
+      "resolved": "https://registry.npmjs.org/nodemailer/-/nodemailer-9.0.3.tgz",
-      "integrity": "sha512-wvjiKvjczmsN7U/8006JOdXubgBk2XFAbioDMbT+sM7cPs0QrhJTa6KBRX7P5REGGkDcLUz/EarWidb8G8C1jQ==",
+      "integrity": "sha512-n+YP+NKwR5zRWa60k3GiQ6Q3B4KXCoAw40dAKeCtYn020iNN74aWK2liXIC3ZEATeGql7we3tE3t8QwhY0eskw==",
       "license": "MIT-0",
       "engines": {
         "node": ">=6.0.0"

backend/src/docs/swagger.js

@@ -10,7 +10,7 @@ const options = {
     },
     servers: [
       {
-        url: "http://localhost:5000",
+        url: process.env.API_PUBLIC_URL ||  "http://localhost:5000",
       },
     ],
     components: {
@@ -26,4 +26,4 @@ const options = {
   apis: ["./src/routes/*.js"],
 };
 
-module.exports = swaggerJsdoc(options);
+module.exports = swaggerJsdoc(options);

backend/tests/drawNotification.test.js

@@ -30,7 +30,30 @@ const jourJ = (d) =>
     data: { startDate: new Date(Date.now() - d * DAY) },
   });
 
+
+// Un tirage reel peut exister en base : la table GrandPrizeWinner est unique
+// pour tout le jeu. On la met de cote le temps du test, puis on la restaure.
+async function mettreDeCoteLeGagnant() {
+  const existant = await prisma.grandPrizeWinner.findFirst();
+  if (existant) await prisma.grandPrizeWinner.delete({ where: { id: existant.id } });
+  return existant;
+}
+
+async function restaurerLeGagnant(sauvegarde) {
+  if (!sauvegarde) return;
+  await prisma.grandPrizeWinner.deleteMany({});
+  await prisma.grandPrizeWinner.create({
+    data: {
+      id: sauvegarde.id,
+      userId: sauvegarde.userId,
+      prize: sauvegarde.prize,
+      drawnAt: sauvegarde.drawnAt,
+    },
+  });
+}
+
 beforeAll(async () => {
+  ctx.gagnantSauvegarde = await mettreDeCoteLeGagnant();
   await cleanup();
   const row = await prisma.gameSettings.findFirst({ orderBy: { id: "asc" } });
   ctx.settingsId = row.id;
@@ -51,6 +74,7 @@ beforeAll(async () => {
 });
 
 afterAll(async () => {
+  await restaurerLeGagnant(ctx.gagnantSauvegarde);
   await prisma.gameSettings.update({ where: { id: ctx.settingsId }, data: { startDate: ctx.startDateOriginale } });
   await cleanup();
   await prisma.$disconnect();
@@ -67,13 +91,16 @@ describe("Notification du grand gagnant", () => {
     expect(res.body.emailSent).toBe(true);
     expect(mailer.sendMail).toHaveBeenCalledTimes(1);
 
+    // Le tirage est aleatoire parmi tous les participants : on verifie que
+    // l email part bien au gagnant annonce, quel qu il soit.
+    const gagnant = res.body.winner.user;
     const envoi = mailer.sendMail.mock.calls[0][0];
-    expect(envoi.to).toBe(ctx.client.email);
+    expect(envoi.to).toBe(gagnant.email);
     expect(envoi.subject).toMatch(/gros lot/i);
-    expect(envoi.html).toContain("Chloe");
+    expect(envoi.html).toContain(gagnant.firstname);
     expect(envoi.html).toContain("360");
 
-    await prisma.grandPrizeWinner.deleteMany({ where: { userId: ctx.client.id } });
+    await prisma.grandPrizeWinner.deleteMany({});
   });
 
   test("un SMTP en panne n invalide pas le tirage", async () => {
@@ -86,10 +113,11 @@ describe("Notification du grand gagnant", () => {
     expect(res.body.message).toMatch(/contacter directement/);
 
     // Le tirage reste enregistre : c est un acte irreversible.
-    const enBase = await prisma.grandPrizeWinner.findFirst({ where: { userId: ctx.client.id } });
+    const enBase = await prisma.grandPrizeWinner.findFirst();
     expect(enBase).not.toBeNull();
+    expect(enBase.userId).toBe(res.body.winner.user.id);
 
-    await prisma.grandPrizeWinner.deleteMany({ where: { userId: ctx.client.id } });
+    await prisma.grandPrizeWinner.deleteMany({});
   });
 
   test("aucun email n est envoye si le tirage est refuse", async () => {

backend/tests/gameFlow.test.js

@@ -26,7 +26,30 @@ async function cleanup() {
 const setStart = (d) =>
   prisma.gameSettings.update({ where: { id: ctx.settings.id }, data: { startDate: new Date(Date.now() - d * DAY) } });
 
+
+// Un tirage reel peut exister en base : la table GrandPrizeWinner est unique
+// pour tout le jeu. On la met de cote le temps du test, puis on la restaure.
+async function mettreDeCoteLeGagnant() {
+  const existant = await prisma.grandPrizeWinner.findFirst();
+  if (existant) await prisma.grandPrizeWinner.delete({ where: { id: existant.id } });
+  return existant;
+}
+
+async function restaurerLeGagnant(sauvegarde) {
+  if (!sauvegarde) return;
+  await prisma.grandPrizeWinner.deleteMany({});
+  await prisma.grandPrizeWinner.create({
+    data: {
+      id: sauvegarde.id,
+      userId: sauvegarde.userId,
+      prize: sauvegarde.prize,
+      drawnAt: sauvegarde.drawnAt,
+    },
+  });
+}
+
 beforeAll(async () => {
+  ctx.gagnantSauvegarde = await mettreDeCoteLeGagnant();
   await cleanup();
   ctx.settings = await prisma.gameSettings.findFirst({ orderBy: { id: "asc" } });
   ctx.orig = ctx.settings.startDate;
@@ -46,6 +69,7 @@ beforeAll(async () => {
 });
 
 afterAll(async () => {
+  await restaurerLeGagnant(ctx.gagnantSauvegarde);
   await prisma.gameSettings.update({ where: { id: ctx.settings.id }, data: { startDate: ctx.orig } });
   await cleanup();
   await prisma.$disconnect();

backend/tests/gamePhases.test.js

@@ -33,7 +33,25 @@ async function jourJ(offsetJours) {
 
 const tk = (u) => jwt.sign({ id: u.id, role: u.role }, process.env.JWT_SECRET, { expiresIn: "2h" });
 
+
+// La table GrandPrizeWinner est unique pour tout le jeu : on met de cote un
+// eventuel tirage reel le temps du test, puis on le restaure.
+async function mettreDeCoteLeGagnant() {
+  const existant = await prisma.grandPrizeWinner.findFirst();
+  if (existant) await prisma.grandPrizeWinner.delete({ where: { id: existant.id } });
+  return existant;
+}
+
+async function restaurerLeGagnant(sauvegarde) {
+  if (!sauvegarde) return;
+  await prisma.grandPrizeWinner.deleteMany({});
+  await prisma.grandPrizeWinner.create({
+    data: { id: sauvegarde.id, userId: sauvegarde.userId, prize: sauvegarde.prize, drawnAt: sauvegarde.drawnAt },
+  });
+}
+
 beforeAll(async () => {
+  ctx.gagnantSauvegarde = await mettreDeCoteLeGagnant();
   await cleanup();
   const row = await prisma.gameSettings.findFirst({ orderBy: { id: "asc" } });
   ctx.startDateOriginale = row ? row.startDate : null;
@@ -49,6 +67,7 @@ beforeAll(async () => {
 });
 
 afterAll(async () => {
+  await restaurerLeGagnant(ctx.gagnantSauvegarde);
   const row = await prisma.gameSettings.findFirst({ orderBy: { id: "asc" } });
   if (ctx.startDateOriginale) {
     if (row) await prisma.gameSettings.update({ where: { id: row.id }, data: { startDate: ctx.startDateOriginale } });

deploy/dev/docker-compose.yml

@@ -9,7 +9,7 @@ services:
       POSTGRES_DB: the_tip_top_db
 
     volumes:
-      - tiptop_postgres_dev_data:/var/lib/postgresql/data
+      - tiptop_dev_postgres_data:/var/lib/postgresql/data
 
     healthcheck:
       test: ["CMD-SHELL", "pg_isready -U tiptop -d the_tip_top_db"]
@@ -24,21 +24,21 @@ services:
     image: ${REGISTRY}/the-tip-top/backend:${IMAGE_TAG}
     restart: unless-stopped
 
+    env_file:
+      - /opt/furious-ducks/secrets/tiptop-mail.env
+
     depends_on:
       postgres:
         condition: service_healthy
 
     environment:
       PORT: 5000
+      NODE_ENV: development
       DATABASE_URL: postgresql://tiptop:tiptop_dev_password@postgres:5432/the_tip_top_db
       JWT_SECRET: dev_secret_change_me
-      APP_URL: http://192.168.1.23:5001
+      APP_URL: https://api-dev.dsp5-archi-o24a-4-5-g4.fr
-      FRONTEND_URL: http://192.168.1.23:5173
+      API_PUBLIC_URL: https://api-dev.dsp5-archi-o24a-4-5-g4.fr
-      MAIL_HOST: smtp.gmail.com
+      FRONTEND_URL: https://dev.dsp5-archi-o24a-4-5-g4.fr
-      MAIL_PORT: 587
-      MAIL_USER: ""
-      MAIL_PASS: ""
-      MAIL_FROM: "The Tip Top <no-reply@tiptop.local>"
 
       # Injectés par le pipeline, jamais commités. Vides, les routes de
       # connexion externe répondent 503 sans bloquer le démarrage.
@@ -54,11 +54,18 @@ services:
       npm start
       "
 
-    ports:
-      - "5001:5000"
-
     networks:
       - tiptop-dev
+      - proxy
+
+    labels:
+      - "traefik.enable=true"
+      - "traefik.docker.network=proxy"
+      - "traefik.http.routers.tiptop-dev-api.rule=Host(`api-dev.dsp5-archi-o24a-4-5-g4.fr`)"
+      - "traefik.http.routers.tiptop-dev-api.entrypoints=websecure"
+      - "traefik.http.routers.tiptop-dev-api.tls=true"
+      - "traefik.http.routers.tiptop-dev-api.tls.certresolver=letsencrypt"
+      - "traefik.http.services.tiptop-dev-api.loadbalancer.server.port=5000"
 
   frontend:
     image: ${REGISTRY}/the-tip-top/frontend:${IMAGE_TAG}
@@ -67,17 +74,26 @@ services:
     depends_on:
       - backend
 
-    ports:
-      - "5173:80"
-
     networks:
       - tiptop-dev
+      - proxy
+
+    labels:
+      - "traefik.enable=true"
+      - "traefik.docker.network=proxy"
+      - "traefik.http.routers.tiptop-dev.rule=Host(`dev.dsp5-archi-o24a-4-5-g4.fr`)"
+      - "traefik.http.routers.tiptop-dev.entrypoints=websecure"
+      - "traefik.http.routers.tiptop-dev.tls=true"
+      - "traefik.http.routers.tiptop-dev.tls.certresolver=letsencrypt"
+      - "traefik.http.services.tiptop-dev.loadbalancer.server.port=80"
 
 volumes:
-  tiptop_postgres_dev_data:
+  tiptop_dev_postgres_data:
-    external: true
+    name: tiptop_dev_postgres_data
-    name: the-tip-top_tiptop_postgres_dev_data
 
 networks:
   tiptop-dev:
     name: tiptop-dev
+
+  proxy:
+    external: true

deploy/preprod/docker-compose.yml

@@ -12,11 +12,7 @@ services:
       - tiptop_preprod_postgres_data:/var/lib/postgresql/data
 
     healthcheck:
-      test:
+      test: ["CMD-SHELL", "pg_isready -U tiptop_preprod -d the_tip_top_preprod"]
-        [
-          "CMD-SHELL",
-          "pg_isready -U tiptop_preprod -d the_tip_top_preprod"
-        ]
       interval: 10s
       timeout: 5s
       retries: 10
@@ -28,6 +24,9 @@ services:
     image: ${REGISTRY}/the-tip-top/backend:${IMAGE_TAG}
     restart: unless-stopped
 
+    env_file:
+      - /opt/furious-ducks/secrets/tiptop-mail.env
+   
     depends_on:
       postgres:
         condition: service_healthy
@@ -37,13 +36,9 @@ services:
       NODE_ENV: preproduction
       DATABASE_URL: postgresql://tiptop_preprod:tiptop_preprod_password@postgres:5432/the_tip_top_preprod
       JWT_SECRET: preprod_secret_change_me
-      APP_URL: http://192.168.1.23:5002
+      APP_URL: https://api-preprod.dsp5-archi-o24a-4-5-g4.fr
-      FRONTEND_URL: http://192.168.1.23:5174
+      API_PUBLIC_URL: https://api-preprod.dsp5-archi-o24a-4-5-g4.fr
-      MAIL_HOST: smtp.gmail.com
+      FRONTEND_URL: https://preprod.dsp5-archi-o24a-4-5-g4.fr
-      MAIL_PORT: 587
-      MAIL_USER: ""
-      MAIL_PASS: ""
-      MAIL_FROM: "The Tip Top Preprod <no-reply@tiptop.local>"
 
       # Injectés par le pipeline, jamais commités. Vides, les routes de
       # connexion externe répondent 503 sans bloquer le démarrage.
@@ -59,11 +54,18 @@ services:
       npm start
       "
 
-    ports:
-      - "5002:5000"
-
     networks:
       - tiptop-preprod
+      - proxy
+
+    labels:
+      - "traefik.enable=true"
+      - "traefik.docker.network=proxy"
+      - "traefik.http.routers.tiptop-preprod-api.rule=Host(`api-preprod.dsp5-archi-o24a-4-5-g4.fr`)"
+      - "traefik.http.routers.tiptop-preprod-api.entrypoints=websecure"
+      - "traefik.http.routers.tiptop-preprod-api.tls=true"
+      - "traefik.http.routers.tiptop-preprod-api.tls.certresolver=letsencrypt"
+      - "traefik.http.services.tiptop-preprod-api.loadbalancer.server.port=5000"
 
   frontend:
     image: ${REGISTRY}/the-tip-top/frontend:${IMAGE_TAG}
@@ -72,11 +74,18 @@ services:
     depends_on:
       - backend
 
-    ports:
-      - "5174:80"
-
     networks:
       - tiptop-preprod
+      - proxy
+
+    labels:
+      - "traefik.enable=true"
+      - "traefik.docker.network=proxy"
+      - "traefik.http.routers.tiptop-preprod.rule=Host(`preprod.dsp5-archi-o24a-4-5-g4.fr`)"
+      - "traefik.http.routers.tiptop-preprod.entrypoints=websecure"
+      - "traefik.http.routers.tiptop-preprod.tls=true"
+      - "traefik.http.routers.tiptop-preprod.tls.certresolver=letsencrypt"
+      - "traefik.http.services.tiptop-preprod.loadbalancer.server.port=80"
 
 volumes:
   tiptop_preprod_postgres_data:
@@ -85,3 +94,6 @@ volumes:
 networks:
   tiptop-preprod:
     name: tiptop-preprod
+
+  proxy:
+    external: true

deploy/prod/docker-compose.yml

@@ -12,11 +12,7 @@ services:
       - tiptop_prod_postgres_data:/var/lib/postgresql/data
 
     healthcheck:
-      test:
+      test: ["CMD-SHELL", "pg_isready -U tiptop_prod -d the_tip_top_prod"]
-        [
-          "CMD-SHELL",
-          "pg_isready -U tiptop_prod -d the_tip_top_prod"
-        ]
       interval: 10s
       timeout: 5s
       retries: 10
@@ -28,6 +24,9 @@ services:
     image: ${REGISTRY}/the-tip-top/backend:${IMAGE_TAG}
     restart: unless-stopped
 
+    env_file:
+      - /opt/furious-ducks/secrets/tiptop-mail.env
+
     depends_on:
       postgres:
         condition: service_healthy
@@ -37,14 +36,9 @@ services:
       NODE_ENV: production
       DATABASE_URL: postgresql://tiptop_prod:tiptop_prod_password@postgres:5432/the_tip_top_prod
       JWT_SECRET: prod_secret_change_me
-      APP_URL: http://192.168.1.23:5003
+      APP_URL: https://api.dsp5-archi-o24a-4-5-g4.fr
-      FRONTEND_URL: http://192.168.1.23:5175
+      API_PUBLIC_URL: https://api.dsp5-archi-o24a-4-5-g4.fr
-
+      FRONTEND_URL: https://dsp5-archi-o24a-4-5-g4.fr,https://www.dsp5-archi-o24a-4-5-g4.fr
-      MAIL_HOST: smtp.gmail.com
-      MAIL_PORT: 587
-      MAIL_USER: ""
-      MAIL_PASS: ""
-      MAIL_FROM: "The Tip Top <no-reply@tiptop.local>"
 
       # Injectés par le pipeline, jamais commités. Vides, les routes de
       # connexion externe répondent 503 sans bloquer le démarrage.
@@ -60,11 +54,18 @@ services:
       npm start
       "
 
-    ports:
-      - "5003:5000"
-
     networks:
       - tiptop-prod
+      - proxy
+
+    labels:
+      - "traefik.enable=true"
+      - "traefik.docker.network=proxy"
+      - "traefik.http.routers.tiptop-prod-api.rule=Host(`api.dsp5-archi-o24a-4-5-g4.fr`)"
+      - "traefik.http.routers.tiptop-prod-api.entrypoints=websecure"
+      - "traefik.http.routers.tiptop-prod-api.tls=true"
+      - "traefik.http.routers.tiptop-prod-api.tls.certresolver=letsencrypt"
+      - "traefik.http.services.tiptop-prod-api.loadbalancer.server.port=5000"
 
   frontend:
     image: ${REGISTRY}/the-tip-top/frontend:${IMAGE_TAG}
@@ -73,11 +74,18 @@ services:
     depends_on:
       - backend
 
-    ports:
-      - "5175:80"
-
     networks:
       - tiptop-prod
+      - proxy
+
+    labels:
+      - "traefik.enable=true"
+      - "traefik.docker.network=proxy"
+      - "traefik.http.routers.tiptop-prod.rule=Host(`dsp5-archi-o24a-4-5-g4.fr`) || Host(`www.dsp5-archi-o24a-4-5-g4.fr`)"
+      - "traefik.http.routers.tiptop-prod.entrypoints=websecure"
+      - "traefik.http.routers.tiptop-prod.tls=true"
+      - "traefik.http.routers.tiptop-prod.tls.certresolver=letsencrypt"
+      - "traefik.http.services.tiptop-prod.loadbalancer.server.port=80"
 
 volumes:
   tiptop_prod_postgres_data:
@@ -86,3 +94,6 @@ volumes:
 networks:
   tiptop-prod:
     name: tiptop-prod
+
+  proxy:
+    external: true

frontend/src/components/Footer.jsx

@@ -1,125 +1,120 @@
 import { Link, useLocation } from 'react-router-dom'
 import { useAuth } from '../context/AuthContext'
- 
+
+function FooterLink({ to, children, className = '', pathname }) {
+  return pathname === to ? (
+    <span className={className}>{children}</span>
+  ) : (
+    <Link to={to} className={className}>
+      {children}
+    </Link>
+  )
+}
+
 export default function Footer() {
   const { pathname } = useLocation()
   const { user } = useAuth()
   const isLoggedIn = !!user
- 
+
-  function FooterLink({ to, children, className=''}) {
-    return pathname === to ? (
-      <span className={className}>{children}</span>
-    ) : (
-      <Link to={to} className={className}>
-        {children}
-      </Link>
-    )
-  }
   return (
     <footer className="bg-[#006B6B] text-white">
- 
+
- 
       {/* Partie principale */}
       <div className="max-w-7xl mx-auto px-6 py-10 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-8">
  
  
         {/* Logo */}
         <div>
-          <FooterLink to='/accueil'>
+          <FooterLink
+            to="/accueil"
+            pathname={pathname}
+          >
             <h3 className="text-xl font-bold mb-3">
               Thé Tip Top
             </h3>
           </FooterLink>
- 
+
           <p className="text-teal-100 text-sm leading-relaxed">
             Participez au jeu-concours Thé Tip Top et tentez de gagner
             des lots gourmands autour du thé.
           </p>
- 
         </div>
- 
+
- 
- 
         {/* Navigation */}
         <div>
- 
           <h3 className="text-lg font-semibold mb-5">
             Navigation
           </h3>
- 
+
- 
           <ul className="space-y-3 text-teal-100">
- 
+
             <li>
               <FooterLink
                 to="/accueil"
+                pathname={pathname}
                 className="hover:text-white transition"
               >
                 Accueil
               </FooterLink>
             </li>
- 
+
- 
             <li>
               <FooterLink
                 to="/regles-jeu"
+                pathname={pathname}
                 className="hover:text-white transition"
               >
                 Règles du jeu
               </FooterLink>
             </li>
- 
+
- 
             <li>
               <FooterLink
                 to="/saisir-code-unique"
+                pathname={pathname}
                 className="hover:text-white transition"
               >
                 Tester mon code
               </FooterLink>
             </li>
- 
+
-            { !isLoggedIn && (
+            {!isLoggedIn && (
               <li>
                 <FooterLink
                   to="/inscription"
+                  pathname={pathname}
                   className="hover:text-white transition"
                 >
                   Créer un compte
                 </FooterLink>
               </li>
             )}
- 
+
           </ul>
- 
         </div>
- 
+
- 
- 
- 
         {/* Informations légales */}
         <div>
- 
           <h3 className="text-lg font-semibold mb-5">
             Informations
           </h3>
- 
+
- 
           <ul className="space-y-3 text-teal-100">
- 
+
             <li>
               <FooterLink
                 to="/mentions-legales"
+                pathname={pathname}
                 className="hover:text-white transition"
               >
                 Mentions légales
               </FooterLink>
             </li>
- 
+
- 
             <li>
               <FooterLink
                 to="/confidentialite"
+                pathname={pathname}
                 className="hover:text-white transition"
               >
                 Politique de confidentialité
@@ -129,6 +124,7 @@ export default function Footer() {
             <li>
               <FooterLink
                 to="/accessibilite"
+                pathname={pathname}
                 className="hover:text-white transition"
               >
                 Accessibilité
@@ -138,83 +134,80 @@ export default function Footer() {
             <li>
               <FooterLink
                 to="/cgu"
+                pathname={pathname}
                 className="hover:text-white transition"
               >
                 CGU
               </FooterLink>
             </li>
 
- 
             <li>
               <FooterLink
                 to="/contact"
+                pathname={pathname}
                 className="hover:text-white transition"
               >
                 Contact
               </FooterLink>
             </li>
- 
+
             <li>
               <FooterLink
                 to="/sitemap"
+                pathname={pathname}
                 className="hover:text-white transition"
               >
                 Plan du site
               </FooterLink>
             </li>
- 
+
           </ul>
- 
         </div>
- 
+
- 
- 
- 
         {/* Contact */}
         <div>
- 
           <h3 className="text-lg font-semibold mb-5">
             Contact
           </h3>
- 
+
           <p className="text-teal-100 text-sm mb-3">
             Une question sur le jeu ?
           </p>
- 
+
-          <a href="tel:+33184802034" className="block mt-2 font-medium hover:text-teal-300">
+          <a
+            href="tel:+33184802034"
+            className="block mt-2 font-medium hover:text-teal-300"
+          >
             01 84 80 20 34
           </a>
  
           <a href="mailto:contact@thetiptop.fr" className="inline-block mt-3 font-medium break-all hover:text-teal-300">
             contact@thetiptop.fr
           </a>
- 
+
           <p className="text-teal-100 text-sm mt-2">
             18 rue Léon Frot
             <br />
             75011 Paris, France
           </p>
- 
- 
         </div>
- 
+
- 
       </div>
- 
+
- 
- 
       {/* Barre basse */}
- 
       <div className="border-t border-teal-800">
- 
         <div className="max-w-7xl mx-auto px-6 py-5 flex flex-col md:flex-row justify-between items-center gap-3">
- 
+
- 
+          <p className="text-teal-200 text-sm text-center md:text-left">
-          <p className="text-teal-200 text-sm">
             © {new Date().getFullYear()} Thé Tip Top. Tous droits réservés.
+            <br className="md:hidden" />
+            <span className="md:before:content-['_—_']">
+              Projet étudiant fictif — aucun achat ni réservation réel ne peut être effectué sur ce site.
+            </span>
           </p>
- 
+
           <div className="flex gap-5 text-sm text-teal-200">
+
             <a
               href="https://www.facebook.com/profile.php?id=61590449280854"
               target="_blank"
@@ -223,8 +216,7 @@ export default function Footer() {
             >
               Facebook
             </a>
- 
+
- 
             <a
               href="https://www.instagram.com/thetiptop.gp4?igsh=MXZ3YzZ0d3dkazBpeg%3D%3D&utm_source=qr"
               target="_blank"
@@ -233,8 +225,7 @@ export default function Footer() {
             >
               Instagram
             </a>
- 
+
- 
             <a
               href="https://www.tiktok.com/@thetiptop4"
               target="_blank"
@@ -243,15 +234,11 @@ export default function Footer() {
             >
               TikTok
             </a>
- 
+
           </div>
- 
- 
         </div>
- 
       </div>
- 
+
- 
     </footer>
   )
-}
+}

frontend/src/pages/Accueil.jsx

@@ -52,6 +52,67 @@ export default function Accueil() {
         </div>
       </section>
 
+      {/* Questions fréquentes */}
+      <section className="max-w-3xl mx-auto px-4 sm:px-6 pb-16 sm:pb-24">
+        <h2 className="text-2xl sm:text-3xl font-bold text-[#006B6B] mb-6 sm:mb-8 text-center">
+          Questions fréquentes
+        </h2>
+        <div className="space-y-3">
+          {[
+            {
+              question: 'Comment obtenir un code ?',
+              answer: "Achetez un produit Thé Tip Top d'une valeur supérieure à 49 € en boutique ou en ligne : un code unique à 10 caractères figure sur votre ticket de caisse ou votre facture.",
+            },
+            {
+              question: 'Quels sont les lots à gagner ?',
+              answer: (
+                <>
+                  Tous les tickets sont gagnants ! Selon votre ticket, vous pouvez remporter :
+                  <ul className="list-disc list-inside space-y-1 mt-2">
+                    <li>Un infuseur à thé</li>
+                    <li>Une boîte de 100 g de thé détox ou d'infusion</li>
+                    <li>Une boîte de 100 g de thé signature</li>
+                    <li>Un coffret découverte d'une valeur de 39 €</li>
+                    <li>Un coffret découverte d'une valeur de 69 €</li>
+                  </ul>
+                  Un tirage au sort désigne en plus un grand gagnant qui remporte une année de thé d'une valeur de 360 €.
+                </>
+              ),
+            },
+            {
+              question: 'Jusqu\'à quand puis-je jouer ?',
+              answer: 'La participation est possible pendant toute la durée du jeu-concours, soit 30 jours à compter de son ouverture. Consultez la page Règles du jeu pour le détail des dates.',
+            },
+            {
+              question: 'Que faire si mon code n\'est pas reconnu ?',
+              answer: "Vérifiez que le code a été saisi sans espace ni erreur. Si le problème persiste, contactez-nous depuis la page Contact.",
+            },
+            {
+              question: 'Où retirer mon lot ?',
+              answer: 'En boutique, sur présentation de votre compte utilisateur validé et de la confirmation de gain affichée dans votre espace « Mes gains ».',
+            },
+          ].map((faq) => (
+            <details key={faq.question} className="group bg-white rounded-2xl shadow p-4 sm:p-6">
+              <summary className="flex items-center justify-between gap-3 cursor-pointer list-none font-semibold text-gray-800 text-sm sm:text-base">
+                {faq.question}
+                <svg
+                  className="w-4 h-4 text-[#006B6B] flex-shrink-0 transition-transform group-open:rotate-180"
+                  fill="none"
+                  stroke="currentColor"
+                  strokeWidth={2}
+                  viewBox="0 0 24 24"
+                >
+                  <path strokeLinecap="round" strokeLinejoin="round" d="M19 9l-7 7-7-7" />
+                </svg>
+              </summary>
+              <div className="text-gray-600 text-sm sm:text-base mt-3 leading-relaxed">
+                {faq.answer}
+              </div>
+            </details>
+          ))}
+        </div>
+      </section>
+
     </div>
   )
 }

frontend/src/pages/Admin.jsx

@@ -88,7 +88,7 @@ export default function Admin() {
         if (!handleAuthError(e)) setError(e.message)
       })
       .finally(() => setLoading(false))
-  }, [])
+    }, [handleAuthError])
 
   const handleSaveGameSettings = async (e) => {
     e.preventDefault()
@@ -145,10 +145,7 @@ export default function Admin() {
     const csv = [header, ...rows]
       .map((row) => row.map((cell) => `"${String(cell).replace(/"/g, '""')}"`).join(';'))
       .join('\n')
-    // Le BOM en tete du fichier est indispensable : sans lui, Excel ouvre le
+    const blob = new Blob(['\uFEFF' + csv], { type: 'text/csv;charset=utf-8;' })
-    // CSV en ANSI et casse tous les accents. Ne pas le supprimer.
-    // eslint-disable-next-line no-irregular-whitespace
-    const blob = new Blob([`${csv}`], { type: 'text/csv;charset=utf-8;' })
     const url = URL.createObjectURL(blob)
     const link = document.createElement('a')
     link.href = url

frontend/src/pages/Cgu.jsx

@@ -7,6 +7,15 @@ export default function Cgu() {
           Conditions générales d'utilisation
         </h1>
 
+        <div className="mb-6 sm:mb-8 px-4 py-3 sm:px-5 sm:py-4 rounded-xl bg-[#006B6B]">
+          <p className="text-white text-sm sm:text-base font-medium leading-relaxed">
+            Projet étudiant fictif — Ce site a été conçu dans un cadre pédagogique. La société
+            Thé Tip Top, l'agence Furious Ducks et l'ensemble des conditions présentées
+            ci-dessous sont fictives. Aucun achat, paiement ou réservation réel ne peut être
+            effectué sur ce site.
+          </p>
+        </div>
+
         <p className="text-gray-600 mb-8 sm:mb-10 text-sm sm:text-base">
           Les présentes Conditions Générales d'Utilisation (CGU) précisent les modalités d'accès et
           d'utilisation du site internet du jeu-concours « 100% Gagnant » de la société Thé Tip Top.

frontend/src/pages/Connexion.jsx

@@ -18,7 +18,8 @@ export default function Connexion() {
   // Navigation pleine page (et non fetch) : le flux OAuth passe par des
   // redirections vers Google puis retour sur /auth/callback.
   const handleGoogleLogin = () => {
-    window.location.href = '/api/auth/google'
+    const apiUrl = import.meta.env.VITE_API_URL || ''
+    window.location.href = `${apiUrl}/api/auth/google`
   }
 
   const handleSubmit = async (e) => {

frontend/src/pages/Contact.jsx

@@ -3,43 +3,152 @@ import imgContact from '../assets/img/img-contact.jpg'
 export default function Contact() {
   return (
     <main className="bg-[#F0F0F0] px-4 sm:px-6 py-10 sm:py-16">
-      <div className="max-w-6xl mx-auto grid md:grid-cols-2 gap-6 sm:gap-8">
+      <div className="max-w-6xl mx-auto">
 
-        {/* Informations */}
+        <div className="grid md:grid-cols-2 gap-6 sm:gap-8 mb-8">
-        <section className="bg-white rounded-2xl shadow p-5 sm:p-8 md:p-10">
-          <h1 className="text-2xl sm:text-3xl md:text-4xl font-bold text-[#006B6B] mb-4 sm:mb-6">
-            Contact
-          </h1>
-          <p className="text-gray-600 leading-relaxed mb-6 sm:mb-8 text-sm sm:text-base">
-            Une question concernant le jeu-concours, votre participation ou votre lot ?
-            Notre équipe ThéTipTop est à votre écoute.
-          </p>
-          <div className="space-y-5 text-gray-700">
-            <div>
-              <h2 className="font-semibold text-[#006B6B] mb-1">Adresse</h2>
-              <p className="text-sm sm:text-base">ThéTipTop<br />18 rue Léon Frot<br />75011 Paris, France</p>
-            </div>
-            <div>
-              <h2 className="font-semibold text-[#006B6B] mb-1">Email</h2>
-              <a href="mailto:contact@thetiptop.fr" className="text-sm sm:text-base hover:text-[#006B6B]">contact@thetiptop.fr</a>
-            </div>
-            <div>
-              <h2 className="font-semibold text-[#006B6B] mb-1">Téléphone</h2>
-              <a href="tel:+33184802034" className="text-sm sm:text-base hover:text-[#006B6B]">01 84 80 20 34</a>
-            </div>
-          </div>
-        </section>
 
-        {/* Image */}
+          {/* Informations */}
-        <section className="rounded-2xl shadow overflow-hidden h-64 sm:h-80 md:h-[468px] md:self-start">
+          <section className="bg-white rounded-2xl shadow p-5 sm:p-8 md:p-10">
-          <img
+            <h1 className="text-2xl sm:text-3xl md:text-4xl font-bold text-[#006B6B] mb-4 sm:mb-6">
-            src={imgContact}
+              Contact
-            alt="Une personne savourant un thé"
+            </h1>
-            className="w-full h-full object-cover"
+
-          />
+            <p className="text-gray-600 leading-relaxed mb-6 sm:mb-8 text-sm sm:text-base">
+              Une question concernant le jeu-concours, votre participation ou votre lot ?
+              Notre équipe ThéTipTop est à votre écoute.
+            </p>
+
+            <div className="space-y-5 text-gray-700">
+              <div>
+                <h2 className="font-semibold text-[#006B6B] mb-1">
+                  Adresse
+                </h2>
+                <p className="text-sm sm:text-base">
+                  ThéTipTop
+                  <br />
+                  18 rue Léon Frot
+                  <br />
+                  75011 Paris, France
+                </p>
+              </div>
+
+              <div>
+                <h2 className="font-semibold text-[#006B6B] mb-1">
+                  Email
+                </h2>
+                <a
+                  href="mailto:contact@thetiptop.fr"
+                  className="text-sm sm:text-base hover:text-[#006B6B]"
+                >
+                  contact@thetiptop.fr
+                </a>
+              </div>
+
+              <div>
+                <h2 className="font-semibold text-[#006B6B] mb-1">
+                  Téléphone
+                </h2>
+                <a
+                  href="tel:+33184802034"
+                  className="text-sm sm:text-base hover:text-[#006B6B]"
+                >
+                  01 84 80 20 34
+                </a>
+              </div>
+            </div>
+          </section>
+
+          {/* Image */}
+          <section className="rounded-2xl shadow overflow-hidden min-h-80">
+            <img
+              src={imgContact}
+              alt="Une personne savourant un thé"
+              className="w-full h-full object-cover"
+            />
+          </section>
+        </div>
+
+        {/* Formulaire Emmanuel intégré au design Alexis */}
+        <section className="bg-white rounded-2xl shadow p-5 sm:p-8 md:p-10 max-w-4xl mx-auto">
+          <h2 className="text-xl sm:text-2xl font-bold text-[#006B6B] mb-4 sm:mb-6">
+            Envoyez-nous un message
+          </h2>
+
+          <form className="space-y-4 sm:space-y-5">
+            <div>
+              <label
+                htmlFor="contact-name"
+                className="block text-gray-700 mb-1.5 text-sm sm:text-base"
+              >
+                Nom
+              </label>
+
+              <input
+                type="text"
+                id="contact-name"
+                placeholder="Votre nom"
+                className="w-full border border-gray-300 rounded-xl px-4 py-2.5 sm:py-3 text-sm sm:text-base focus:outline-none focus:ring-2 focus:ring-[#006B6B]"
+              />
+            </div>
+
+            <div>
+              <label
+                htmlFor="contact-email"
+                className="block text-gray-700 mb-1.5 text-sm sm:text-base"
+              >
+                Email
+              </label>
+
+              <input
+                type="email"
+                id="contact-email"
+                placeholder="Votre email"
+                className="w-full border border-gray-300 rounded-xl px-4 py-2.5 sm:py-3 text-sm sm:text-base focus:outline-none focus:ring-2 focus:ring-[#006B6B]"
+              />
+            </div>
+
+            <div>
+              <label
+                htmlFor="contact-subject"
+                className="block text-gray-700 mb-1.5 text-sm sm:text-base"
+              >
+                Sujet
+              </label>
+
+              <input
+                type="text"
+                id="contact-subject"
+                placeholder="Sujet de votre demande"
+                className="w-full border border-gray-300 rounded-xl px-4 py-2.5 sm:py-3 text-sm sm:text-base focus:outline-none focus:ring-2 focus:ring-[#006B6B]"
+              />
+            </div>
+
+            <div>
+              <label
+                htmlFor="contact-message"
+                className="block text-gray-700 mb-1.5 text-sm sm:text-base"
+              >
+                Message
+              </label>
+
+              <textarea
+                id="contact-message"
+                rows="4"
+                placeholder="Votre message..."
+                className="w-full border border-gray-300 rounded-xl px-4 py-2.5 sm:py-3 text-sm sm:text-base focus:outline-none focus:ring-2 focus:ring-[#006B6B] resize-none"
+              />
+            </div>
+
+            <button
+              type="submit"
+              className="w-full bg-[#006B6B] hover:bg-[#005858] text-white font-semibold py-2.5 sm:py-3 rounded-xl transition text-sm sm:text-base"
+            >
+              Envoyer le message
+            </button>
+          </form>
         </section>
 
       </div>
     </main>
   )
-}
+}

frontend/src/pages/Inscription.jsx

@@ -43,7 +43,8 @@ export default function Inscription() {
 
   // Même route que la connexion : Google crée le compte à la première venue.
   const handleGoogleSignup = () => {
-    window.location.href = '/api/auth/google'
+    const apiUrl = import.meta.env.VITE_API_URL || ''
+    window.location.href = `${apiUrl}/api/auth/google`
   }
 
   // Étape 1 — Inscription

frontend/src/pages/MentionsLegales.jsx

@@ -7,6 +7,15 @@ export default function MentionsLegales() {
           Mentions légales
         </h1>
 
+        <div className="mb-6 sm:mb-8 px-4 py-3 sm:px-5 sm:py-4 rounded-xl bg-[#006B6B]">
+          <p className="text-white text-sm sm:text-base font-medium leading-relaxed">
+            Projet étudiant fictif — Ce site a été conçu dans un cadre pédagogique. La société
+            Thé Tip Top, l'agence Furious Ducks et l'ensemble des informations légales présentées
+            ci-dessous sont fictives. Aucun achat, paiement ou réservation réel ne peut être
+            effectué sur ce site.
+          </p>
+        </div>
+
         <p className="text-gray-600 mb-8 sm:mb-10 text-sm sm:text-base">
           Conformément à la loi n°2004-575 du 21 juin 2004 pour la Confiance dans l'Économie
           Numérique (LCEN), les présentes mentions légales précisent l'identité des différents

frontend/src/pages/MesGains.jsx

@@ -50,7 +50,20 @@ export default function MesGains() {
     }
   }, [handleAuthError])
 
-  useEffect(() => { fetchGains() }, [fetchGains])
+  useEffect(() => {
+  const loadGains = async () => {
+    try {
+      const data = await myGainsApi()
+      setGains(data.gains)
+    } catch (err) {
+      if (!handleAuthError(err)) setError(err.message)
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  loadGains()
+}, [handleAuthError])
 
   return (
     <div className="min-h-screen bg-gray-50 flex flex-col px-8 py-12 max-w-lg mx-auto">

frontend/src/pages/Profile.jsx

@@ -3,18 +3,11 @@ import { useNavigate } from 'react-router-dom'
 import UserNav from '../components/UserNav'
 import { changePasswordApi, deleteAccountApi, meApi, forgotPasswordApi } from '../services/auth'
 import { useHandleAuthError } from '../hooks/useHandleAuthError'
-import { useAuth } from '../context/AuthContext'
 
 export default function Profile() {
   const user = JSON.parse(localStorage.getItem('user') || '{}')
   const initials = `${(user.firstname || '?')[0]}${(user.lastname || '?')[0]}`.toUpperCase()
   const handleAuthError = useHandleAuthError()
-  const { logout } = useAuth()
-  const navigate = useNavigate()
-
-  const [showDeleteModal, setShowDeleteModal] = useState(false)
-  const [deleting, setDeleting]               = useState(false)
-  const [deleteError, setDeleteError]         = useState('')
 
   const [pwForm, setPwForm] = useState({ currentPassword: '', newPassword: '', confirmPassword: '' })
   const [showPw, setShowPw] = useState({ current: false, new: false, confirm: false })

frontend/src/services/admin.js

@@ -1,3 +1,6 @@
+const API_URL = import.meta.env.VITE_API_URL || ''
+const BASE = `${API_URL}/api/admin`
+
 function authHeaders() {
   return {
     'Content-Type': 'application/json',
@@ -12,35 +15,35 @@ function apiError(message, status) {
 }
 
 export async function getStatsApi() {
-  const res = await fetch('/api/admin/stats', { headers: authHeaders() })
+  const res = await fetch(`${BASE}/stats`, { headers: authHeaders() })
   const data = await res.json()
   if (!res.ok) throw apiError(data.message || 'Erreur stats.', res.status)
   return data
 }
 
 export async function getUsersApi() {
-  const res = await fetch('/api/admin/users', { headers: authHeaders() })
+  const res = await fetch(`${BASE}/users`, { headers: authHeaders() })
   const data = await res.json()
   if (!res.ok) throw apiError(data.message || 'Erreur utilisateurs.', res.status)
   return data
 }
 
 export async function drawWinnerApi() {
-  const res = await fetch('/api/admin/draw', { method: 'POST', headers: authHeaders() })
+  const res = await fetch(`${BASE}/draw`, { method: 'POST', headers: authHeaders() })
   const data = await res.json()
   if (!res.ok) throw apiError(data.message || 'Erreur tirage.', res.status)
   return data
 }
 
 export async function getEmailingContactsApi() {
-  const res = await fetch('/api/admin/emailing', { headers: authHeaders() })
+  const res = await fetch(`${BASE}/emailing`, { headers: authHeaders() })
   const data = await res.json()
   if (!res.ok) throw apiError(data.message || 'Erreur contacts emailing.', res.status)
   return data
 }
 
 export async function setGameSettingsApi(startDate) {
-  const res = await fetch('/api/admin/game-settings', {
+  const res = await fetch(`${BASE}/game-settings`, {
     method: 'PUT',
     headers: authHeaders(),
     body: JSON.stringify({ startDate }),
@@ -51,7 +54,8 @@ export async function setGameSettingsApi(startDate) {
 }
 
 export async function getWinnerApi() {
-  const res = await fetch('/api/admin/draw', { headers: authHeaders() })
+  const res = await fetch(`${BASE}/draw`, { headers: authHeaders() })
+  if (res.status === 404) return null
   const data = await res.json()
   if (!res.ok) throw apiError(data.message || 'Erreur gagnant.', res.status)
   return data

frontend/src/services/auth.js

@@ -1,4 +1,5 @@
-const BASE = '/api/auth'
+const API_URL = import.meta.env.VITE_API_URL || ''
+const BASE = `${API_URL}/api/auth`
 
 function apiError(message, status) {
   const err = new Error(message)

frontend/src/services/employee.js

@@ -1,4 +1,5 @@
-const BASE = '/api/employee'
+const API_URL = import.meta.env.VITE_API_URL || ''
+const BASE = `${API_URL}/api/employee`
 
 function authHeaders() {
   const token = localStorage.getItem('token')

frontend/src/services/game.js

@@ -1,3 +1,7 @@
+const API_URL = import.meta.env.VITE_API_URL || ''
+const BASE = `${API_URL}/api/game`
+
+
 function apiError(message, status) {
   const err = new Error(message)
   err.status = status
@@ -6,7 +10,7 @@ function apiError(message, status) {
 
 export async function myGainsApi() {
   const token = localStorage.getItem('token')
-  const res = await fetch('/api/game/my-gains', {
+  const res = await fetch(`${BASE}/my-gains`, {
     headers: { Authorization: `Bearer ${token}` },
   })
   const data = await res.json()
@@ -16,7 +20,7 @@ export async function myGainsApi() {
 
 export async function participateApi(code) {
   const token = localStorage.getItem('token')
-  const res = await fetch('/api/game/participate', {
+  const res = await fetch(`${BASE}/participate`, {
     method: 'POST',
     headers: {
       'Content-Type': 'application/json',