Projet personnel · Juillet 2026 — Aujourd’hui
Portfolio web
Au départ, je voulais simplement mieux raconter mon parcours. Le projet est vite devenu mon terrain d’expérimentation pour comprendre comment un vrai site se construit, se sécurise et évolue au quotidien.
quentin@debian:~/portfolio$ ./deploy.sh
[01/04] validation HTML + PHP
[02/04] contrôle des routes privées
[03/04] synchronisation FR / EN
[04/04] déploiement Apache / OVH
✓ portfolio en ligne — évolution continue
01 · Le déclic
Montrer ce que je sais vraiment faire
L’idée m’est venue à la fin de ma deuxième année de BUT GEII. Je pensais déjà à l’après-diplôme et je trouvais qu’un CV, seul, racontait mal tout ce qu’il y a derrière un projet : les essais, les erreurs, les choix et ce que j’en retiens.
J’ai donc créé un espace où je peux expliquer mon travail en électronique et en systèmes embarqués avec mes propres mots. La version anglaise s’est imposée naturellement pour que mon parcours puisse être compris au-delà du public francophone.
02 · Ma façon d’utiliser l’IA
Apprendre avec l’IA, sans lui laisser décider à ma place
Je voyais l’IA prendre de plus en plus de place dans les métiers techniques, sans vraiment savoir ce qu’elle pouvait m’apporter. Plutôt que de rester spectateur, j’ai choisi ce portfolio comme cas pratique. J’y apprends à donner un contexte clair, à formuler une demande utile et surtout à relire, tester et assumer chaque résultat.
Le premier brouillon
J’ai commencé avec Claude pour donner une forme à mon idée. Cette première version était imparfaite, mais elle m’a offert une base concrète sur laquelle travailler.
Le travail au quotidien
J’utilise aujourd’hui Codex pour m’aider à explorer le code, préparer des modifications et repérer ce que je dois vérifier plus attentivement.
Ce que je garde en main
Je choisis la direction, j’explique le besoin, je tranche entre les solutions et je teste le résultat. Rien n’est intégré simplement parce qu’un outil l’a proposé.
L’IA m’accompagne, mais elle ne remplace ni mes choix ni ma responsabilité. Ce site reste mon projet, avec ses réussites comme avec ses imperfections.
03 · Architecture
Voir ce qui se passe derrière une page web
Au début, quelques pages statiques auraient suffi. J’ai préféré aller plus loin pour comprendre ce qui se passe entre un clic et la réponse du serveur. L’interface reste légère, tandis que PHP et Apache s’occupent des contenus dynamiques et des accès.
HTML, Tailwind CSS et JavaScript natif
Je garde une interface simple à charger, responsive et utilisable sans serveur Node.js permanent.
PHP et fichiers JSON
Avant d’afficher une page, mes contrôleurs vérifient la langue, le projet demandé et son état de publication.
Debian, Apache et OVH
Ce projet m’a obligé à comprendre les chemins Linux, les droits, les journaux et les petites différences entre le local et la production.
Ne montrer que le nécessaire
J’ai appris à protéger les sessions, valider les entrées et garder une vraie frontière entre les pages publiques et les données privées.
04 · Administration
Garder la main sur le site, même sans ouvrir le code
J’ai construit une petite administration pour les tâches que je répète souvent. Je peux masquer un projet en un clic : il disparaît de la liste, sa page n’est plus accessible et le sitemap est mis à jour. Je consulte aussi des statistiques anonymes et des journaux techniques pour comprendre ce qui fonctionne mal avant de corriger.
L’écran présenté ici est volontairement fictif : aucune adresse d’administration, donnée de visite ou information de sécurité réelle n’y apparaît.
VISIBILITÉ DES PROJETS
JOURNAL TECHNIQUE · EXEMPLE FICTIF
INFO page served successfully
INFO visibility rules applied
WARN missing asset detected
05 · Ce que j’en retiens
Relier des compétences que je voyais séparément
Développement web
J’ai appris à structurer deux versions linguistiques, à soigner le responsive et à rendre les interactions accessibles.
Administration système
Je suis maintenant plus à l’aise avec Debian, Apache et les contraintes très concrètes d’un hébergement mutualisé.
Sécurité web
Je ne vois plus la sécurité comme une étape finale : elle guide désormais la façon dont je range, valide et expose les données.
Travail avec l’IA
J’ai surtout appris à mieux expliquer un problème, à questionner les réponses et à vérifier avant de faire confiance.
La suite s’écrit encore
Ce portfolio grandit en même temps que moi.
Je n’essaie pas d’en faire un site définitivement terminé. Chaque amélioration me donne une nouvelle occasion d’apprendre, de revenir sur un ancien choix et de faire un peu mieux que la fois précédente.
← Retour aux projets