Projet
Fake music store
Une interface Vue.js d’un e-commerce d’album de musique
Genèse du projet
Au-delà des exigences du cours
Ce site Web est un projet final du cours de Vue.js dans le cadre de l’AEC en développement Web. Il s’agit d’une interface de magasin d’albums de musique. À la base, il était conçu avec Firebase pour la gestion des utilisateurs et une API publique gratuite pour les produits.
Une fois le projet terminé, je m’en suis servi comme base pour concevoir mon propre backend. C’était l’occasion parfaite d’apprendre un nouveau framework. C’est ainsi que j’ai mis en place une API et une gestion des utilisateurs avec Laravel.
Technologies utilisées
Tout l’aspect CSS est avec TailwindCss. L’interface utilisateur est conçue avec Vue.js et un store avec Pinia. La première version utilise Firebase pour les comptes utilisateurs. Ensuite, l’API et la gestion des utilisateurs (connexion, création de compte) se sont faits avec Laravel.
Défis rencontrés
Le plus grand défi fut d’entreprendre un framework backend par moi-même. J’ai utilisé des tutoriels en ligne pour comprendre les bases et le fonctionnement de Laravel. J’ai utilisé Claude pour m’aider à bien structurer le projet et sécurisé les endpoints.
Ce que j’ai appris
J’ai appris à utiliser Laravel, le système de routes pour les endpoints, comment un backend est construit avec ce framework. Par rapport à Vue.js, j’ai appris à gérer un store avec Pinia, la gestion des routes. Créer du code propre et réutilisable en utilisant le concept de composant