shop-vue

by matheusazzi

matheusazzi / shop-vue

It's just a shopping cart experiment using VueJS.

219 Stars 66 Forks Last release: Not found 30 Commits 0 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

Shop-vue

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:

Profile
{
  'firstName': 'Joe',
  'lastName': 'Montana',
  'limit': 850.00
}
Products
{
  'id': 1,
  'title': 'iPad 4 Mini',
  'price': 500.01,
  'inventory': 2,
  'shipping': 15.00
},
...
Promotions
{ '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.