Custom-Made Portfolio
Introduction
Ce portfolio est un site web SPA développée entièrement à la main avec Vue 3, TailwindCSS et GSAP, sans utiliser de template ni de framework SSR. Chaque composant, chaque animation, chaque ligne de code a été pensée et écrite par mes soins dans le but de démontrer mes compétences techniques réelles.
Créé en septembre 2025 au début de ma troisième année de Bachelor, ce projet avait un objectif précis : présenter mes réalisations de manière professionnelle pour décrocher mon travail de Bachelor dans une entreprise bien précise, mission accomplie !
Date
Septembre 2025
Domaine
Front-end
Le projet
L'architecture suit une approche JSON-driven : les projets sont gérés dynamiquement via des fichiers JSON, ce qui permet d'ajouter du contenu sans toucher au code. Le système inclut un mode sombre/clair automatique basé sur l'heure locale, des animations fluides avec GSAP (slide-in 3D, micro-interactions), et un design responsive optimisé pour tous les appareils.
Côté technique, j'ai opté pour Vue 3 avec la Composition API, Vue Router pour la navigation, et Vite comme bundler. Le styling repose sur TailwindCSS avec des variables CSS personnalisées pour gérer les thèmes. J'ai même implémenté un script de déploiement FTP automatisé pour simplifier les mises en production.
Un choix délibéré : ne pas utiliser Nuxt. Pour mon portfolio, le SEO n'est pas une priorité — je n'ai pas besoin qu'on me trouve via Google puisque je ne fais pas de freelancing. Ce qui compte, c'est que le site soit performant, impressionnant et qu'il charge vite quand quelqu'un clique sur mon lien.
Ce qu'il m'as apporté
Ce projet m'a permis de mettre en pratique une fois de plus mes compétences en Vue.js dans un contexte réel, en gérant moi-même l'architecture, le routing, le state management léger, et les animations avancées. C'est une chose de suivre un tutoriel, c'en est une autre de partir d'une page blanche et de construire quelque chose de cohérent.
Le portfolio a rempli son objectif premier : il m'a aidé à décrocher mon travail de Bachelor dans l'entreprise dans laquelle je souhaitais faire mon TB. Pouvoir montrer un site entièrement codé à la main, avec une architecture propre et un design soigné, a clairement fait la différence lors de ma candidature.
Aujourd'hui, ce portfolio Vue.js n'est plus en production — j'ai migré vers Framer pour des raisons pratiques. Maintenir un portfolio codé à la main demande du temps que je préfère investir dans des projets techniques plus ambitieux. Framer me permet de mettre à jour mon contenu rapidement tout en gardant un rendu professionnel.
Le code reste disponible dans mon GitHub. C'est ma propriété, et si un jour je veux revenir à une solution 100% custom, la base est là. Mais pour l'instant, choisir le bon outil pour le bon usage fait aussi partie des compétences d'un développeur — et pour un portfolio, Framer fait parfaitement le travail.
