ecommerce_frontend's Introduction

E-commerce Website Front-end

E-commerce Website Front-end 是一個使用 Vue 建立的電子商務前端專案，平台使用者主要是下列兩種身份，分別為一般消費者（Visitor）、商家管理員（Admin），搭配 E-commerce Website Back-end Server 後端專案，打造一個全方位的可擴展性電商網站。

Explore More with Project Presentation and Demo

Resource - 圖片引用來源

品歐家具

Declaration - 聲明

本作品內圖片、內容等，純粹為個人練習前端使用，不做任何商業用途。

CopyRight

Features - 專案功能

使用Vuetify與BootstrapVue美化專案頁面
使用sweetalert2顯示popup message
使用Vuex管理Vue state
Moment.js進行時間與日期的解析
v-chart顯示圖表分析
v-viewer展現產品圖片
Material-icons用於顯示網頁icon

Environment SetUp - 環境建置

Installing - 專案安裝流程

git clone https://github.com/libterty/ecommerce_frontend.git

安裝 npm 套件

npm install

Compiles and hot-reloads 應用程式，本機運行

npm run serve

Compiles and minifies 應用程式

npm run dev-build

運行 Compile 後的應用程式

npm start

Contribution

11
Mina
[CHNAG EVENA]

ecommerce_frontend's People

Contributors

Watchers

ecommerce_frontend's Issues

Can't GET cart in iOS system Safari/Chrome and display shopping cart

Can't GET cart in iOS system Safari/Chrome and display shopping cart.
Although the shopping cart works perfectly in windows/mac OS system.
The reason which causes the issue still need to confirm.

storage in /furnitures/:id doesn't appear when the storage is empty

Coupon field in /api/orders/coupons doesn't get the unlimited usage coupons

Coupon field in /api/orders/coupons doesn't get the unlimited usage coupons.
controller: getValidCoupons

negative value can be added to shopping cart

Negative values should not be able to be inputted, and it shouldn't be added to shopping cart

Cart Create Fail

mapCartInventory() {
    return this.initCart.map(item => ({
      ProductId: item.ProductId,
      ColorId: item.ColorId,
      quantity: item.quantity
    }))
},
checkCartInventory() {
    return {
      notEnough:
        this.productInCart.quantity + this.form.quantity >
        this.selectedColorQuantity ||
        this.productInCart.quantity > this.selectedColorQuantity
    }
 }

這兩個Compute會造成使用者在按下選擇新增顏色時就噴錯，AddToCart也會因為之前的Undefined錯誤掛掉

Recommend Projects