// Aperçu
Screenshots
Site e-commerce de vente de pianos de luxe développé en projet personnel — l'occasion d'apprendre React de A à Z, d'intégrer un modèle 3D interactif et personnalisable via Three.js, et de connecter une API de paiement Stripe.
// Fonctionnalités
Modèle 3D de piano intégré via Three.js — personnalisable directement dans le navigateur. Rotation, zoom et changement de couleur en temps réel pour une expérience immersive.
Catalogue de pianos à queue et pianos droits avec système de panier complet — ajout, suppression, quantités et récapitulatif de commande avant paiement.
Intégration de l'API Stripe pour le paiement en ligne sécurisé — tunnel de commande complet avec gestion des états de paiement et confirmation de commande.
Interface d'administration complète pour gérer le catalogue — ajout et modification des pianos, gestion des catégories (pianos à queue, pianos droits) et suivi des commandes.
Architecture découplée — backend Symfony exposant une API REST consommée par le frontend React. Gestion des endpoints, authentification et sérialisation des données.
Configurateur de piano en ligne — choix de la couleur, du modèle et des options directement sur le modèle 3D avant d'ajouter au panier.
// Aperçu
// Retour d'expérience
Découverte complète de React — states, contextes, cycle de vie des composants, refs, hooks personnalisés. Un projet déclenché par la curiosité qui m'a donné les bases solides que j'utilise aujourd'hui sur Wazooo et d'autres projets.
Première intégration d'un moteur 3D dans une application web — gestion de la scène, des matériaux, de la caméra et des interactions utilisateur. Courbe d'apprentissage importante mais résultat très satisfaisant.
Mise en place d'un tunnel de paiement complet avec l'API Stripe — webhooks, gestion des états de paiement, sécurisation des échanges entre front et back. Une première expérience e-commerce enrichissante.
Premier projet avec une séparation stricte frontend/backend via une API REST — apprendre à penser en termes d'endpoints, de serialisation et de consommation d'API depuis React a été une vraie révélation.
// Technique
Disponible pour des missions freelance web ou mobile — e-commerce, API, interfaces React.