Intro

Ce Portfolio est le fruit de plusieurs années d'inspiration provenant non seulement de portfolios de Creative Developer, mais aussi d'architectes. Mes principales sources d'inspiration ont été YouTube et awwwards.com. Le portfolio est actuellement accessible via les domaines .com, .fr et .me.

Le choix de la stack technique s'est porté sur un headless CMS, Storyblok V2, qui permet d'éditer le portfolio directement sur leur site, facilitant ainsi la gestion multilingue. Pour les animations, GSAP a été un choix naturel, une technologie utilisée par de nombreux autres développeurs et apprise grâce au cours de Carl Schooff (@snorklTV).

Interface

Gérer le patrimoine informatique

• Licence : GSAP a été utilisé sous licence non commerciale pour les animations du site.

• Gestion des noms de domaine : Les noms de domaine ont été enregistrés et gérés avec OVH.

• Hébergement du site : Le site est hébergé sur Vercel.

• Hébergement du code : Le code source du projet est hébergé sur GitHub.

• Gestion du contenu : Le contenu est géré via le headless CMS Storyblok.

Développer la présence en ligne : organisation

• Audit SEO : Des audits SEO ont été réalisés avec Polypane pour optimiser la visibilité du site.

• Audit Performance : La performance du site a été évaluée en utilisant Checklyhq.

Mettre à disposition des utilisateurs un service informatique

• Browser test : Checklyhq a été utilisé pour effectuer des tests de navigateur afin de simuler l'activité des utilisateurs, offrant ainsi des résultats proches de la réalité.

• Gestion de logs : Logtail a été utilisé pour la gestion des logs et le suivi des incidents. Lorsqu'une erreur 500 (erreur provenant du serveur) se produit, une notification est envoyée dans un salon Discord dédié, permettant ainsi une réactivité accrue pour résoudre les problèmes potentiels.

• Mise en production : Vercel a été utilisé pour déployer et mettre en production le portfolio.

Organiser son développement professionnel

• Rassembler des articles avec Feedly : Feedly a été utilisé pour collecter et organiser des articles pertinents liés à la stack technique du projet.

• Notification de sécurité : Des notifications de sécurité ont été mises en place sur GitHub pour rester informé des dernières vulnérabilités concernant la stack technique.

• Apprentissage de GSAP 3 : GSAP 3 a été appris grâce au cours de Carl Schooff (@snorklTV).

Conclusion/Evolution

Ce projet de portfolio a été l'occasion d'apprendre et d'intégrer de nouvelles technologies, telles que GSAP.