matheusazzi / Shop Vue
It's just a shopping cart experiment using VueJS.
Stars: ✭ 225
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Shop Vue
Vue Element Starter
Vue starter with Element-UI [READY, unmaintained now]
Stars: ✭ 216 (-4%)
Mutual labels: vuex, vuejs2
Vue2 Demo
Vue 基于 Genesis + TS + Vuex 实现的 SSR demo
Stars: ✭ 2,072 (+820.89%)
Mutual labels: vuex, vuejs2
Vuetify Todo Pwa
✔️ A simple Todo PWA built with Vue CLI 3 + Vuex + Vuetify.
Stars: ✭ 160 (-28.89%)
Mutual labels: vuex, vuejs2
Vuejsssrsample
ASP.NET Core Vue.js server-side rendering sample:
Stars: ✭ 146 (-35.11%)
Mutual labels: vuex, vuejs2
Array Explorer
⚡️ A resource to help figure out what JavaScript array method would be best to use at any given time
Stars: ✭ 2,512 (+1016.44%)
Mutual labels: vuex, vuejs2
Vue Objccn
🔥 Use Vue.js to develop a cross-platform full stack application / 用 Vue.js 开发的跨三端应用
Stars: ✭ 1,993 (+785.78%)
Mutual labels: vuex, vuejs2
Vue 2 Webpack 4 Boilerplate
Ready to use Vue 2+ project with webpack 4 configuration for development and production
Stars: ✭ 142 (-36.89%)
Mutual labels: vuex, vuejs2
Lvyou
🎒Vue.js 初步进阶案例,路由懒加载,进入页面前登录判断,返回导航判断,RestAPI接口使用,组件封装,Vuex状态封装,keep-alive页面缓存等功能
Stars: ✭ 195 (-13.33%)
Mutual labels: vuex, vuejs2
Vuex Namespaced Module Structure
📈 A Vue.js project powered by Vuex namespaced modules in a simple structure based on Large-scale Vuex application structures
Stars: ✭ 146 (-35.11%)
Mutual labels: vuex, vuejs2
Paascloud Login Web
模拟商城,完整的购物流程、后端运营平台,使用 spring cloud + vue 全家桶实现快速搭建企业级微服务项目
Stars: ✭ 207 (-8%)
Mutual labels: vuex, vuejs2
Vuex Feature Scoped Structure
📈 Feature scoped Vuex modules to have a better organization of business logic code inside Vuex modules based on Large-scale Vuex application structures @3yourmind
Stars: ✭ 218 (-3.11%)
Mutual labels: vuex, vuejs2
Vue Soundcloud
🎧 A SoundCloud client built with Vue and Nuxt
Stars: ✭ 141 (-37.33%)
Mutual labels: vuex, vuejs2
Vue Supply
Create resources that can automatically be activated and deactivated when used (like subscriptions)
Stars: ✭ 162 (-28%)
Mutual labels: vuex, vuejs2
Basix Admin
Get Free and Premium Vue.js Bootstrap v4 Admin Dashboard Templates
Stars: ✭ 138 (-38.67%)
Mutual labels: vuex, vuejs2
Vue Trello
Trello clone with Vue.js for educational purposes
Stars: ✭ 185 (-17.78%)
Mutual labels: vuex, vuejs2
Todo Vue
Code for YouTube series on building a Todo App in Vue.js
Stars: ✭ 199 (-11.56%)
Mutual labels: vuex, vuejs2
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
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].