diff --git a/docs/stories/3.4.page-projet-individuelle.md b/docs/stories/3.4.page-projet-individuelle.md
index 74863b4..d470b49 100644
--- a/docs/stories/3.4.page-projet-individuelle.md
+++ b/docs/stories/3.4.page-projet-individuelle.md
@@ -2,7 +2,7 @@
 
 ## Status
 
-Ready for Dev
+review
 
 ## Story
 
@@ -23,38 +23,38 @@ Ready for Dev
 
 ## Tasks / Subtasks
 
-- [] **Task 1 : Créer la page project-single.php** (AC: 1, 2, 8)
-  - [] Créer `pages/project-single.php`
-  - [] Récupérer le slug depuis `$GLOBALS['routeParams']`
-  - [] Charger le projet avec `getProjectBySlug()`
-  - [] Rediriger vers 404 si projet non trouvé
+- [x] **Task 1 : Créer la page project-single.php** (AC: 1, 2, 8)
+  - [x] Créer `pages/project-single.php`
+  - [x] Récupérer le slug depuis `$GLOBALS['routeParams']`
+  - [x] Charger le projet avec `getProjectBySlug()`
+  - [x] Rediriger vers 404 si projet non trouvé
 
-- [] **Task 2 : Afficher les informations principales** (AC: 3, 5)
-  - [] Titre du projet
-  - [] Badges technologies
-  - [] Section Contexte
-  - [] Section Solution technique
-  - [] Section Travail d'équipe (si non null)
-  - [] Durée du projet
+- [x] **Task 2 : Afficher les informations principales** (AC: 3, 5)
+  - [x] Titre du projet
+  - [x] Badges technologies
+  - [x] Section Contexte
+  - [x] Section Solution technique
+  - [x] Section Travail d'équipe (si non null)
+  - [x] Durée du projet
 
-- [] **Task 3 : Ajouter le lien vers le projet** (AC: 4)
-  - [] Bouton "Voir le projet en ligne" si URL disponible
-  - [] Bouton "Voir sur GitHub" si URL GitHub disponible
-  - [] Message "Projet non disponible en ligne" si aucun lien
+- [x] **Task 3 : Ajouter le lien vers le projet** (AC: 4)
+  - [x] Bouton "Voir le projet en ligne" si URL disponible
+  - [x] Bouton "Voir sur GitHub" si URL GitHub disponible
+  - [x] Message "Projet non disponible en ligne" si aucun lien
 
-- [] **Task 4 : Afficher la galerie de captures** (AC: 6)
-  - [] Grille de screenshots
-  - [] Lazy loading sur les images
+- [x] **Task 4 : Afficher la galerie de captures** (AC: 6)
+  - [x] Grille de screenshots
+  - [x] Lazy loading sur les images
   - [ ] Lightbox optionnel (amélioration future)
 
-- [] **Task 5 : Ajouter le témoignage** (AC: 3)
-  - [] Placeholder préparé pour Story 4.5
+- [x] **Task 5 : Ajouter le témoignage** (AC: 3)
+  - [x] Placeholder préparé pour Story 4.5
   - [ ] Récupérer le témoignage lié au projet (Story 4.5)
 
-- [] **Task 6 : Ajouter la navigation** (AC: 7)
-  - [] Breadcrumb en haut de page
-  - [] Lien "Retour aux projets"
-  - [] CTA "Me contacter" en bas
+- [x] **Task 6 : Ajouter la navigation** (AC: 7)
+  - [x] Breadcrumb en haut de page
+  - [x] Lien "Retour aux projets"
+  - [x] CTA "Me contacter" en bas
 
 ## Dev Notes
 
@@ -287,12 +287,14 @@ include_template('navbar', compact('currentPage'));
 ## Dev Agent Record
 
 ### Agent Model Used
-Claude Opus 4.5 (claude-opus-4-5-20251101)
+GPT-5 Codex
 
 ### File List
 | File | Action | Description |
 |------|--------|-------------|
 | `pages/project-single.php` | Modified | Page projet individuelle complète |
+| `tests/project-single.test.php` | Created | Tests page projet individuelle |
+| `tests/run.ps1` | Modified | Ajout tests projet individuel |
 
 ### Completion Notes
 - Récupération slug via router ($GLOBALS['routeParams'])
@@ -305,6 +307,7 @@ Claude Opus 4.5 (claude-opus-4-5-20251101)
 - Navigation: retour + CTA contact
 - Lazy loading + fallback onerror sur images
 - Témoignage: placeholder préparé pour Story 4.5
+- Tests: `powershell -ExecutionPolicy Bypass -File tests/run.ps1`
 
 ### Debug Log References
 Aucun problème rencontré.
@@ -314,4 +317,4 @@ Aucun problème rencontré.
 | Date | Version | Description | Author |
 |------|---------|-------------|--------|
 | 2026-01-22 | 0.1 | Création initiale | Sarah (PO) |
-| 2026-01-23 | 1.0 | Implémentation complète | James (Dev) |
+| 2026-02-04 | 1.0 | Implémentation complète | Amelia |
diff --git a/pages/project-single.php b/pages/project-single.php
index f9ac679..8aa7c11 100644
--- a/pages/project-single.php
+++ b/pages/project-single.php
@@ -1,24 +1,170 @@
 <?php
-$currentPage = '';
-$slug = $GLOBALS['routeParams'][0] ?? null;
-$project = $slug ? getProjectBySlug($slug) : null;
+/**
+ * Page projet individuelle
+ */
 
+$slug = $GLOBALS['routeParams'][0] ?? null;
+if (!$slug) {
+    http_response_code(404);
+    include __DIR__ . '/404.php';
+    exit;
+}
+
+$project = getProjectBySlug($slug);
 if (!$project) {
     http_response_code(404);
     include __DIR__ . '/404.php';
     exit;
 }
 
+$testimonial = function_exists('getTestimonialByProject') ? getTestimonialByProject($slug) : null;
+
 $pageTitle = $project['title'] ?? 'Projet';
-include_template('header', compact('pageTitle'));
+$pageDescription = $project['context'] ?? "Découvrez le projet {$pageTitle}";
+$currentPage = 'projects';
+
+include_template('header', compact('pageTitle', 'pageDescription'));
 include_template('navbar', compact('currentPage'));
 ?>
 
-<main class="min-h-screen">
-    <div class="container-content py-20">
-        <h1 class="text-heading mb-4"><?= htmlspecialchars($project['title'], ENT_QUOTES, 'UTF-8') ?></h1>
-        <p class="text-text-secondary">Page projet en construction.</p>
-    </div>
+<main>
+    <article class="section">
+        <div class="container-content">
+            <nav class="breadcrumb mb-8" aria-label="Breadcrumb">
+                <a href="/" class="breadcrumb-link">Accueil</a>
+                <span class="text-text-muted">/</span>
+                <a href="/projets" class="breadcrumb-link">Projets</a>
+                <span class="text-text-muted">/</span>
+                <span class="breadcrumb-current"><?= htmlspecialchars($project['title'], ENT_QUOTES, 'UTF-8') ?></span>
+            </nav>
+
+            <header class="mb-12">
+                <h1 class="text-display mb-4"><?= htmlspecialchars($project['title'], ENT_QUOTES, 'UTF-8') ?></h1>
+
+                <div class="flex flex-wrap gap-2 mb-6">
+                    <?php foreach ($project['technologies'] ?? [] as $tech): ?>
+                        <span class="badge badge-primary"><?= htmlspecialchars($tech, ENT_QUOTES, 'UTF-8') ?></span>
+                    <?php endforeach; ?>
+                </div>
+
+                <div class="flex flex-wrap gap-4">
+                    <?php if (!empty($project['url'])): ?>
+                        <a href="<?= htmlspecialchars($project['url'], ENT_QUOTES, 'UTF-8') ?>" target="_blank" rel="noopener" class="btn-primary">
+                            Voir le projet en ligne
+                            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/>
+                            </svg>
+                        </a>
+                    <?php endif; ?>
+
+                    <?php if (!empty($project['github'])): ?>
+                        <a href="<?= htmlspecialchars($project['github'], ENT_QUOTES, 'UTF-8') ?>" target="_blank" rel="noopener" class="btn-secondary">
+                            Voir sur GitHub
+                        </a>
+                    <?php endif; ?>
+
+                    <?php if (empty($project['url']) && empty($project['github'])): ?>
+                        <span class="text-text-muted italic">Projet non disponible en ligne</span>
+                    <?php endif; ?>
+                </div>
+            </header>
+
+            <?php if (!empty($project['thumbnail'])): ?>
+                <div class="mb-12 rounded-lg overflow-hidden">
+                    <img
+                        src="/assets/img/projects/<?= htmlspecialchars($project['thumbnail'], ENT_QUOTES, 'UTF-8') ?>"
+                        alt="<?= htmlspecialchars($project['title'], ENT_QUOTES, 'UTF-8') ?>"
+                        class="w-full"
+                        loading="lazy"
+                        onerror="this.onerror=null;this.src='/assets/img/projects/default-project.svg';"
+                    >
+                </div>
+            <?php endif; ?>
+
+            <div class="grid grid-cols-1 lg:grid-cols-3 gap-12">
+                <div class="lg:col-span-2 space-y-10">
+                    <?php if (!empty($project['context'])): ?>
+                        <section>
+                            <h2 class="text-heading mb-4">Contexte</h2>
+                            <p class="text-text-secondary leading-relaxed">
+                                <?= nl2br(htmlspecialchars($project['context'], ENT_QUOTES, 'UTF-8')) ?>
+                            </p>
+                        </section>
+                    <?php endif; ?>
+
+                    <?php if (!empty($project['solution'])): ?>
+                        <section>
+                            <h2 class="text-heading mb-4">Solution Technique</h2>
+                            <p class="text-text-secondary leading-relaxed">
+                                <?= nl2br(htmlspecialchars($project['solution'], ENT_QUOTES, 'UTF-8')) ?>
+                            </p>
+                        </section>
+                    <?php endif; ?>
+
+                    <?php if (!empty($project['teamwork'])): ?>
+                        <section>
+                            <h2 class="text-heading mb-4">Travail d'Équipe</h2>
+                            <p class="text-text-secondary leading-relaxed">
+                                <?= nl2br(htmlspecialchars($project['teamwork'], ENT_QUOTES, 'UTF-8')) ?>
+                            </p>
+                        </section>
+                    <?php endif; ?>
+
+                    <?php if (!empty($project['screenshots'])): ?>
+                        <section>
+                            <h2 class="text-heading mb-4">Captures d'écran</h2>
+                            <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
+                                <?php foreach ($project['screenshots'] as $screenshot): ?>
+                                    <img
+                                        src="/assets/img/projects/<?= htmlspecialchars($screenshot, ENT_QUOTES, 'UTF-8') ?>"
+                                        alt="Capture d'écran - <?= htmlspecialchars($project['title'], ENT_QUOTES, 'UTF-8') ?>"
+                                        class="rounded-lg"
+                                        loading="lazy"
+                                        onerror="this.onerror=null;this.src='/assets/img/projects/default-project.svg';"
+                                    >
+                                <?php endforeach; ?>
+                            </div>
+                        </section>
+                    <?php endif; ?>
+                </div>
+
+                <aside class="space-y-6">
+                    <div class="card">
+                        <div class="card-body">
+                            <h3 class="text-sm font-medium text-text-muted mb-1">Durée du projet</h3>
+                            <p class="text-lg font-semibold"><?= htmlspecialchars($project['duration'] ?? 'Non spécifiée', ENT_QUOTES, 'UTF-8') ?></p>
+                        </div>
+                    </div>
+
+                    <?php if ($testimonial): ?>
+                        <div class="testimonial">
+                            <blockquote class="text-text-secondary italic mb-4">
+                                "<?= htmlspecialchars($testimonial['quote'], ENT_QUOTES, 'UTF-8') ?>"
+                            </blockquote>
+                            <footer>
+                                <p class="font-medium text-text-primary"><?= htmlspecialchars($testimonial['author_name'], ENT_QUOTES, 'UTF-8') ?></p>
+                                <p class="text-sm text-text-muted">
+                                    <?= htmlspecialchars($testimonial['author_role'], ENT_QUOTES, 'UTF-8') ?>
+                                    <?php if (!empty($testimonial['author_company'])): ?>
+                                        - <?= htmlspecialchars($testimonial['author_company'], ENT_QUOTES, 'UTF-8') ?>
+                                    <?php endif; ?>
+                                </p>
+                            </footer>
+                        </div>
+                    <?php endif; ?>
+                </aside>
+            </div>
+
+            <footer class="mt-16 pt-8 border-t border-border flex flex-wrap justify-between items-center gap-4">
+                <a href="/projets" class="btn-ghost">
+                    &larr; Retour aux projets
+                </a>
+                <a href="/contact" class="btn-primary">
+                    Me contacter
+                </a>
+            </footer>
+        </div>
+    </article>
 </main>
 
 <?php include_template('footer'); ?>
\ No newline at end of file
diff --git a/tests/project-single.test.php b/tests/project-single.test.php
new file mode 100644
index 0000000..ee4d9c4
--- /dev/null
+++ b/tests/project-single.test.php
@@ -0,0 +1,21 @@
+<?php
+require_once __DIR__ . '/../includes/functions.php';
+
+function assertTrue($cond, $msg) {
+    if (!$cond) {
+        fwrite(STDERR, $msg . PHP_EOL);
+        exit(1);
+    }
+}
+
+$project = getProjectBySlug('ecommerce-xyz');
+assertTrue(is_array($project), 'project not found');
+assertTrue(getProjectBySlug('inexistant') === null, 'missing project should be null');
+
+$content = file_get_contents(__DIR__ . '/../pages/project-single.php');
+assertTrue(strpos($content, 'Contexte') !== false, 'missing contexte section');
+assertTrue(strpos($content, 'Solution Technique') !== false, 'missing solution section');
+assertTrue(strpos($content, 'Retour aux projets') !== false, 'missing back link');
+assertTrue(strpos($content, 'badge badge-primary') !== false, 'missing technology badges');
+
+fwrite(STDOUT, "OK\n");
\ No newline at end of file
diff --git a/tests/run.ps1 b/tests/run.ps1
index 4d53ce5..0bf50b4 100644
--- a/tests/run.ps1
+++ b/tests/run.ps1
@@ -12,4 +12,5 @@ $here = Split-Path -Parent $MyInvocation.MyCommand.Path
 php (Join-Path $here 'projects.test.php')
 php (Join-Path $here 'router.test.php')
 php (Join-Path $here 'projects-list.test.php')
+php (Join-Path $here 'project-single.test.php')
 'OK'
\ No newline at end of file