Développement de la partie frontend d'une application de type e-commerce avec Vuejs. Cet exercice est réalisé afin de développer mes compétences sur ce framework ainsi que me familiariser avec Tailwind, framework css puissant, moderne et flexible.
- ✅ Construction de la maquette sur Figma
- ✅ Initialisation de l'application
- ✅ Définition de la structure globale des fichiers et configuration des libraires
- ✅ Définition de toutes les routes
- ✅ Création des components et views
- ✅ Construction de la logique des composants
- Configuration du thème Tailwind
- ✅ Stylisation avec Tailwind (avec responsive)
- ✅ Gérer les états avec VueX
- ✅ Récupération des produits depuis un fichier JSON
- ✅ Ajouter en favori des produits (en session storage)
- ✅ Ajouter au panier (en session storage)
- ✅ Panier interactif et fonctionnel
- ✅ Plusieurs page avec Vue-router
- ✅ Accueil: "/"
- ✅ Compte: "/account"
- ✅ Produit: "/produit/:id"
- Gérer les erreurs 404
- ✅ Possibilité de trier par catégorie sur la page d'accueil
- Possibilité de chercher un produit par son nom (search)
Vue 3 + Vuex + Vue-Router + Vite + Tailwind
-
Clone this repository
-
Change into the project's directory
cd /path/to/repository -
Install the dependencies
npm install -
Lauch the vite server
vite