Dev Mobile/Web · Étude de cas
Portfolio Personnel
Création d'un portfolio personnel pour présenter mes projets et compétences, avec optimisation avancée des performances.
Le point de départ
Transformer un besoin réel en système exploitable.
Développement d'un portfolio personnel utilisant Vue.js pour le frontend, Tailwind CSS pour le design, et GSAP pour les animations. Les données sont ajoutées dynamiquement à partir de fichiers JSON. Les fichiers sont stockés dans Google Cloud Storage et le site est déployé avec Firebase Hosting. Le projet suit une architecture modulaire avec une optimisation poussée des performances incluant le code splitting, le chunking intelligent, et l'optimisation des assets. Le portfolio inclut également une section de blog et utilise des techniques avancées de build pour optimiser le chargement initial et la mise en cache.
Développement Frontend
Développement du frontend avec Vue.js, incluant l'intégration de Tailwind CSS pour le design et GSAP pour les animations.
Ajout dynamique des données à partir de fichiers JSON et optimisation du chargement avec lazy loading.
Optimisation des Performances
Mise en place d'un système de chunking avancé avec séparation intelligente des modules (vendors, core, features) et optimisation des bundles.
Optimisation des assets avec compression des images, minification du CSS/JS et configuration avancée du build process.
Déploiement
Stockage des fichiers dans Google Cloud Storage et déploiement optimisé avec Firebase Hosting.
Architecture et Design
Mise en place d'une architecture modulaire avec chunking intelligent pour une meilleure maintenabilité, performance et évolutivité.
Stack & disciplines
Explorer les compétences du projet.
Clique sur une carte pour comprendre son rôle et la manière dont elle intervient dans la réalisation.