Comprendre avant d’évaluer
Le contexte personnel, les compétences, les qualifications et le contact nécessitaient des parcours séparés mais reliés.
Projet personnel implémentéEn production et maintenu
Concevoir et mettre en production une plateforme de portfolio bilingue
J’ai conçu et développé ce portfolio comme un produit logiciel maintenu reliant contexte personnel, preuves professionnelles, projets, certifications, guides et parcours de contact en anglais et en français.
Construit avec HTML, CSS, JavaScript, une validation automatisée et un processus GitHub Pages versionné. Il s’agit d’un projet personnel, pas d’une commande client.
Portfolio technologique
Des preuves clairement organisées.
EN / FRParcours bilingues réciproques
34Routes publiques validées le 22 août 2026
CIContrôles automatisés des publications
LiveDéployé avec GitHub Pages
Problème produit
Un profil, plusieurs types de preuves
Une page d’accueil semblable à un CV ne pouvait pas expliquer trois disciplines tout en distinguant expérience professionnelle, travail implémenté, processus représentatifs et projets d’apprentissage.
Proportionner chaque affirmation
L’interface indique ce que démontre chaque élément afin qu’un travail personnel ou d’apprentissage ne soit jamais présenté comme une mission client.
Maintenir des parcours équivalents
Les visiteurs anglais et français ont besoin de routes réciproques et d’un contenu naturel sans deux produits déconnectés.
Préserver la résilience
L’expérience publique doit rester rapide, lisible et navigable avant l’exécution des améliorations JavaScript.
Architecture front-end
Un système statique avec des protections automatisées
Les ressources partagées relient les routes HTML bilingues à la validation locale, à l’intégration continue et au déploiement.
- Routes bilinguesPages ciblées et parcours de langue réciproques
- Ressources partagéesCSS, JavaScript, images, données et documents
- Validation localeStructure, liens, parité, budgets et routes
- GitHub ActionsSyntaxe, comportement et contrôles statiques
- GitHub PagesDéploiement de production versionné
Décisions sélectionnées
Des choix qui facilitent la maintenance
Entrée personnelle, profondeur professionnelle
À propos est devenu l’accueil, tandis que les preuves détaillées restent dans Portfolio, Projets, Certifications et les études de cas.
Le contenu avant l’interaction
Le HTML sémantique constitue la base ; les scripts améliorent thèmes, filtres, assistance de contact et mesure.
Modifier la mise en page plutôt que la réduire
Les composants passent de trois colonnes à deux puis une, reviennent à la ligne et préservent un ordre lisible.
Modèles partagés, langue naturelle
Les paires de pages enregistrées et les contrôles automatisés réduisent les écarts tout en préservant un français professionnel.
Accessible et respectueux de la confidentialité
Des protections intégrées à l’interface
L’implémentation traite l’accessibilité et la confidentialité comme des contraintes d’ingénierie.
Plusieurs façons de percevoir et d’utiliser
Repères sémantiques, titres, liens d’évitement, clavier, focus visible, libellés, zones de statut et réduction des animations soutiennent des usages variés.
La mesure reste facultative
La balise Google reste absente avant autorisation. GPC et DNT imposent le refus, et les événements excluent formulaires, messages, requêtes et identifiants personnalisés.
Assurance qualité
Une publication n’est pas terminée parce qu’elle fonctionne localement
Le validateur et la CI protègent les routes, ressources, relations bilingues, marqueurs d’accessibilité, métadonnées, budgets et préparation de production.
- Syntaxe JavaScript et comportement de l’assistant
- Liens, documents, images, JSON, XML et routes HTTP
- Relations entre canonicals, hreflang, données structurées et sitemap
- Parité des composants et navigation adaptée à la langue
- Ressources protégées et budgets de performance front-end
Limite de preuve
Ce que ce projet démontre—et ne démontre pas
Il démontre un produit statique public, des décisions front-end, la maintenance bilingue, la validation et des publications rigoureuses. Il ne démontre ni mission client, ni authentification, ni service avec base de données, ni développement en équipe, ni échelle d’entreprise. Des protections d’accessibilité sont implémentées, sans revendiquer une certification formelle.
Poursuivre l’échange
Besoin d’une personne capable de relier UX, front-end et livraison rigoureuse ?
Je suis disponible pour des postes, stages et projets portant sur des interfaces accessibles, un front-end maintenable, l’automatisation ou une livraison technologique multidisciplinaire.