Configurateur basket.

Dans le cadre d’un cours de développement web, ce projet consistait à construire étape par étape un configurateur de baskets avec Astro.

L’utilisateur choisit la couleur de chaque partie de la chaussure (semelle, lacets, languette…) et voit le résultat en direct sur deux vues en SVG. Il peut enregistrer ses baskets, les retrouver dans son compte et les modifier. Un chat lui permet aussi de décrire ce qu’il veut, comme « une semelle noire et des lacets rouge vif », ou d’envoyer une photo : une IA propose alors un coloris.

Pour finaliser le site, j’ai ajouté plusieurs fonctionnalités : la palette à partir d’une photo, une limite de demandes à l’IA par heure, la connexion avec Google, les favoris, la recherche et la pagination des paires, la suppression, une version anglaise, un mode sombre et un avatar de profil.

Ce projet m’a appris à bien séparer le code serveur et le code client, à utiliser une base de données SQLite, à appeler une IA sans exposer de clé secrète et à sécuriser un site avec des comptes utilisateurs.