Pizza shop

Try Live Demo

Table of contents:

• Short review of project
• Main facilities
• Technological stack
• Screenshots
• Products page
• Cart page
• Empty-cart page
• Project setup

Short review of project

Main facilities

• Sorting of products by name/cost/popularity
• Filtering of products by its composition
• Choosing of characteristics of the products like size/dough
• Live view of product cost when user change characteristics of the products
• Adding products to cart
• Live view of total cost and count of the all products in cart
• Clearing the cart in one click

Technological stack

• Vue.js & Vuex & Vue Router
• JavaScript
• SCSS

Screenshots

Products page

Cart page

Empty-cart page

Project setup

Download dependencies

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint