Accessibilité
Structure sémantique, lisibilité, navigation clavier, contrastes et usages réels.
01Portfolio technique · Recruteurs
Interfaces accessibles. Code lisible. Projets maintenables.
Cette page montre mon angle développeur : structurer, simplifier, rendre durable. Les projets mettent l’accent sur l’accessibilité, la responsivité, la qualité du code et la réutilisabilité.
Accessibilité, structure, maintenabilité — visibles dans le code.
Approche
Ce que je veux rendre visible.
Un portfolio technique doit prouver une manière de penser, pas seulement aligner des screenshots.
Responsivité
Layouts fluides, rythme visuel et expérience solide du mobile au desktop.
02Qualité du code
Code organisé, styles cohérents, logique compréhensible et base saine.
03Réutilisabilité
Composants, patterns et structures pensés pour être repris et étendus.
04Projets
Trois projets, trois preuves.
Projet réel, frontend moderne, logique applicative : un ensemble cohérent plutôt qu’une collection dispersée.
Projet client réel
Impulse Coaching
01
Contexte
Présenter une offre de coaching de manière claire, rassurante et orientée prise de contact.
Approche
Hiérarchie d’information, structure responsive, intégration propre et attention à la lisibilité.
Ce que ça démontre
Capacité à livrer un projet réel et crédible, pas seulement un exercice de portfolio.
Frontend moderne
Blog avec Astro
02
Contexte
Créer une base de contenu rapide, maintenable et adaptée à une publication régulière.
Approche
Architecture statique avec Astro, composants réutilisables et séparation claire contenu / structure.
Ce que ça démontre
Capacité à choisir un outil moderne sans surcomplexifier, avec une vraie attention à la performance.
Logique applicative
Application GTD
03
Contexte
Concevoir une application de tâches inspirée de la méthode GTD, avec logique claire et usage fluide.
Approche
Organisation par état et priorité, séparation logique / affichage, base évolutive et lisible.
Ce que ça démontre
Capacité à structurer une logique applicative, pas seulement à intégrer une page statique.
Détails visuels
Moins de grille, plus de matière.
Les visuels servent à montrer une pratique : cadrer, structurer, développer, tester et améliorer.
Stack
Technologies & méthodes.
Une stack orientée projets réels, maintenance, accessibilité et progression.
Frontend
- HTML5 / CSS3
- JavaScript ES6+
- Astro
- Responsive design
- Accessibilité A11y
Backend
- PHP
- CodeIgniter 4
- MySQL / SQL
- Architecture MVC
- APIs REST
CMS & corporate
- Liferay 7.4
- SharePoint Online
- Intégration legacy
- Évolution d’existant
Outils
- Git
- VS Code
- MAMP / local
- Debugging navigateur
- Documentation légère
Je m’intéresse aux projets qui demandent de la structure : clarifier une interface, améliorer une base existante, organiser une logique applicative ou poser des fondations propres.
Mon objectif est de progresser dans des environnements où la qualité compte : code lisible, accessibilité, responsivité, documentation utile et capacité à travailler proprement sur l’existant.