PHP - JS - TailwindCSS

Portfolio

Je vous parle du dev de ce portfolio. Pourquoi ? Comment ?

Portfolio

Étude de cas

Contexte

Eh oui ! C'est meta, je parle de mon portfolio dans mon portfolio !

Ce portfolio a été conçu comme un outil simple, rapide et évolutif pour présenter mes projets web, notamment des réalisations e-commerce, des outils internes et des expérimentations front-end.

Mon objectif

Valoriser efficacement mes compétences en développement et en UI/UX, sans dépendre d’un CMS lourd ou d’une interface d’administration.

Optimiser la performance et la maintenabilité, en gardant un contrôle total sur le contenu et la structure.

Chaque projet est rédigé dans un fichier Markdown dédié, ce qui me permet de rédiger mes case studies rapidement, en me concentrant sur le fond plutôt que sur la mise en page. Chaque fichier .md suit une structure précise (titre, date, contexte, rôle, stack utilisée, description, résultats, visuels, liens) et peut être facilement modifié ou réorganisé. Cela me permet de gérer mes contenus comme une base de données statique, versionnée avec Git, et décorrélée du code source principal.

Le rendu HTML est généré dynamiquement côté serveur à l’aide d’un parser Markdown léger en PHP. Ce processus me donne la liberté de styliser le contenu via Tailwind CSS et de conserver une parfaite cohérence visuelle avec le reste du site.

J’ai choisi une architecture statique hybride : légère, performante, sans JavaScript inutile, mais avec une base PHP pour la logique de routing et d’intégration de contenu.

Fonctionnalités clés

  • Chargement dynamique des projets à partir de Markdown
  • Structuration claire : titre, rôle, stack, description, visuels
  • Navigation fluide entre les projets
  • Build local optimisé avec Vite pour un temps de chargement réduit

Stack

Frontend

  • CSS/Tailwind CSS
  • JavaScript (ES6+, swiper.js)

Backend

  • PHP
  • Markdown

Build & outils

  • Vite
  • Npm
  • Git
  • FTP