Title: Click & Collect Vue.js App with Product Listing, Cart Management, and Navigation Menu
Create a Click & Collect web application using Vue.js that allows users to view a list of different products with their names, descriptions, prices, and photos. The app should have the following functionalities:- Product Listing:
- Cart Management:
- Navigation Menu:
Display a list of various products in the form of cards or a grid. Each product card should show the product's name, description, price, and an associated photo.
Enable users to add products to their cart. The cart should keep track of the selected products and display them along with their quantity and total price. Each cart item should have buttons to increment or decrement the quantity of a specific product.
Implement a navigation menu with at least two pages representing different categories. For example, you can have pages for "Plats" (main courses) and "Desserts."
npm install
npm run serve
npm run build
npm run lint
- VS Code + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).