Stack Technologique
Pièces jointes
Description
Ce site n'est pas seulement une vitrine de mes réalisations ; il est une preuve vivante de mon engagement envers l'excellence technique et la performance front-end. J'ai conçu et développé ce portfolio pour être un produit phare, démontrant une maîtrise des meilleures pratiques d'ingénierie Web moderne, de la conception UI/UX à l'optimisation du cycle de vie du rendu.
Performance Certifiée et Accessibilité :
Le site a obtenu des scores exceptionnels sur Google Lighthouse, avec des résultats systématiquement supérieurs à 80/100 sur tous les critères (Performance, SEO, Best Practices).
Un score parfait de 100/100 en Accessibilité a été atteint. Ceci prouve une expertise critique dans la construction d'interfaces inclusives et conformes aux normes WCAG, un impératif pour les applications modernes et éthiques.
Architecture et Déploiement Solide :
Stack Technique : L'application est une SPA performante, basée sur React/TypeScript et le framework Laravel (PHP), utilisant Inertia.js pour une expérience de navigation fluide.
Qualité du Code et CI/CD : J'ai mis en place un pipeline d'intégration et de livraison continue (CI/CD) utilisant GitHub Actions pour l'automatisation des tests et du linting.
Infrastructure Déployée : Le projet est entièrement conteneurisé via Docker avec un
Makefilepour une gestion locale et une portabilité maximale, illustrant une expertise DevOps complète.
Retour d'expérience
Le portfolio est l'outil principal pour ma communication. Les résultats Google Lighthouse ne sont pas seulement des chiffres, mais la validation tierce de la qualité de mon code et de mes choix architecturaux, renforçant ma crédibilité auprès de tout recruteur ou client potentiel.
Ce que j'ai appris
Ce projet a permis de pousser l'expertise au-delà de la fonctionnalité :
Optimisation de la Performance : Maîtrise des techniques de lazy loading, de minification des ressources et d'optimisation des requêtes asynchrones pour atteindre des temps de chargement et de réponse de classe A.
Développement Full-Stack Réactif : Intégration de TypeScript de bout en bout pour garantir la robustesse du code, en combinant la puissance de Laravel (routage, validation, ORM) avec la réactivité de React.
Accessibilité Web (A11y) : Application rigoureuse des normes d'accessibilité (sémantique HTML, gestion du focus, contraste) qui dépasse les exigences de base et prouve une approche de développement inclusif.