§04 Utilisation de l'IA

Comment j'ai utilisé l'IA sur ce site

Ce site a été construit avec l'aide de Claude (Anthropic), comme demandé dans le brief. Voici concrètement à quelles étapes, et ce que j'ai vérifié ou repris moi-même.

Cadrage

Discussion du brief pour identifier les attentes réelles (comprendre la mission plutôt que produire un portfolio générique) et structurer les pages du site en conséquence.

Code

Génération du squelette HTML/CSS/JS (navbar, footer, cartes Bootstrap) page par page. J'ai relu chaque page, testé le rendu et le menu mobile en local avant de passer à la suivante.

Contenu

Aide à la reformulation de certains paragraphes en français ; les faits (mon parcours, mes projets, les technologies utilisées) viennent de moi et ont été vérifiés un par un — j'ai d'ailleurs fait corriger les tags techniques du projet e-commerce qui ne correspondaient pas exactement à ce que j'avais fait.

Déploiement

Explication pas à pas de la mise en ligne via Cloudflare Pages, que j'ai exécutée moi-même depuis mon propre compte.

Difficultés rencontrées & choix techniques

Bootstrap plutôt qu'Astro

Je sais que vos sites sont en Astro, mais je n'avais jamais utilisé ce framework. J'ai préféré partir sur du HTML/CSS/JS avec Bootstrap pour être sûr de comprendre et de pouvoir justifier chaque ligne, plutôt que de livrer un résultat que je maîtrise mal. Je suis conscient que c'est un compromis assumé.

Cohérence visuelle

La page d'accueil a un hero plus visuel (photo, dégradé sombre) alors que le reste du site garde un style plus sobre, façon dossier. Je n'ai pas encore complètement unifié les deux ; c'est le point que je retravaillerais en premier si j'avais plus de temps.

Premier déploiement

Première utilisation de Cloudflare Pages : il a fallu comprendre la différence entre connecter un dépôt Git et faire un simple dépôt de fichiers (upload direct), et vérifier que les chemins relatifs (css/, js/, img/) fonctionnaient bien une fois le site en ligne, pas seulement en local.