Après plusieurs années sur une base technique Symfony, Grafikart a fait l'objet d'une refonte complète afin de moderniser l'expérience utilisateur et de simplifier la gestion des contenus. L'objectif était de conserver l'identité du site tout en repensant la navigation autour des besoins actuels des visiteurs : apprendre plus facilement, retrouver les contenus plus rapidement et suivre sa progression dans de meilleures conditions.
Une navigation centrée sur l'apprentissage
La refonte a été l'occasion de mettre davantage en avant les cursus. Ces parcours permettent d'organiser les formations et tutoriels par objectifs, avec une progression plus lisible pour les personnes qui découvrent un langage, un framework ou une notion précise.
Côté technique, ce système repose sur l'utilisation de React Flow, qui a été modifié pour représenter une vue isométrique (fausse 3D). L'ensemble des parcours est modifiable depuis une interface d'administration avec un système de drag'n drop.
Une nouvelle base technique
Côté développement, le site a été réécrit avec Laravel. L'interface repose sur Inertia et React, avec Tailwind pour la partie CSS. Ce choix permet de conserver une application côté serveur tout en profitant d'une interface plus fluide lorsque c'est pertinent.
L'infrastructure a également évolué avec FrankenPHP, afin de disposer d'un environnement moderne pour servir l'application et préparer plus sereinement les futures évolutions du site.
Création d'un projet de A à Z
Grafikart est un projet qui me permet d'explorer tous les aspects de la création d'une application, depuis la gestion du projet jusqu'à sa mise en ligne.
Aussi, le fait de créer des formations me permet de passer du temps à étudier les sujets en profondeur et d'améliorer mes compétences et mes connaissances. C'est aussi l'occasion d'expérimenter avec différentes technologies et approches.