Need help with shop-vue?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

227 Stars 66 Forks 30 Commits 1 Opened issues


It's just a shopping cart experiment using VueJS.

Services available


Need anything else?

Contributors list

# 31,724
28 commits


It's just a shopping cart experiment using Vue.js.

This project is built with vue-cli and vuex.

Also, I suggest you to use vue-devtools if you want a see how everything happens.

How cart works

  • Products can be added to the cart if they have an item available on stock.
  • Products added to the cart must be removable.
  • Checkout must be disabled if cart total is over user limit.
  • If a product already exists on the cart, its counter should be updated.
  • All products have a shipping price. shipping is defined by the highest shipping price of products added to cart.

How promotions work

  • 30% OFF should reduce 30% of the costs on subtotal.
  • $100.00 Discount should reduce $100.00 of total.
  • Free Shipping should set shipping to zero.
  • +$100.00 on limit should increase user limit by $100.00.

We have 3 resources:

  'firstName': 'Joe',
  'lastName': 'Montana',
  'limit': 850.00
  'id': 1,
  'title': 'iPad 4 Mini',
  'price': 500.01,
  'inventory': 2,
  'shipping': 15.00
{ 'id': 1, 'title': '30% OFF' },
{ 'id': 2, 'title': '$100.00 Discount' },
{ 'id': 3, 'title': 'Free Shipping' },
{ 'id': 4, 'title': '+ $100.00 on limit' }

Project setup

yarn install

Compiles and hot-reloads for development

yarn run serve

Compiles and minifies for production

yarn run build

Run your tests

yarn run test

Lints and fixes files

yarn run lint

Run your end-to-end tests

yarn run test:e2e

Run your unit tests

yarn run test:unit

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.