# README Shop

Un projet de boutique en ligne réalisé avec le framework Vue.js. Il est possible d’ajouter des produits au panier et de simuler l’achat en ligne d’un produit. Pour quitter l’application ou revenir au portfolio, il suffit d’appuyer sur le logo puis de confirmer.

# I) Technologies utilisées

1. Vue.js pour la structure de l’application
2. Vue.js pour le style de l’application
3. Vue.js pour les fonctionnalités de l’application

# II) Fonctionnalités

1. Ajouter un produit au panier
2. Voir le détail d’un produit
3. Supprimer un produit du panier
4. Vider le panier
5. Pseudo-checkout sans paiement réel
6. Framework Vue.js

# III) Actions

`Ajouter` un produit au panier

Vous pouvez ajouter un produit au panier en cliquant sur le bouton Ajouter au panier depuis la carte d’un produit sur la page d’accueil ou depuis la page de détail du produit.

`Voir` le détail d’un produit

Pour voir les détails d’un produit, il suffit de cliquer sur le bouton Voir détails depuis la carte du produit.

`Supprimer` un produit du panier

Après avoir ajouté un produit au panier, rendez-vous sur la page Panier accessible depuis le header. Vous pouvez supprimer un produit du panier en cliquant sur le bouton Supprimer.

`Vider` le panier

Après avoir ajouté un ou plusieurs produits au panier, rendez-vous sur la page Panier accessible depuis le header. Vous avez la possibilité de vider le panier en cliquant sur le bouton Vider le panier.

`Pseudo-checkout` sans paiement réel

Après avoir ajouté un ou plusieurs produits au panier, rendez-vous sur la page Panier accessible depuis le header. Vous pouvez finaliser votre achat en cliquant sur Acheter (faux paiement).

`Framework Vue.js`

Ce projet a été créé avec Vue Router. Il contient des routes dynamiques (/product/:id), des composants Vue 3 avec setup(), l’utilisation des props et de la navigation (router-link, useRoute), ainsi qu’une gestion d’état simple via reactive, computed et provide / inject. Les listes et interactions sont gérées avec v-for, v-if et @click.