wendy03 / 11th_street_cafe

11th Street Cafe

Demo: https://wendy03.github.io/11th_street_cafe/#/

Installing

環境

• Vite 4.0.0
• Node: v10.15.0

2. 專案套件

• ckeditor/ckeditor5-build-classic": 36.0.1
• ckeditor/ckeditor5-vue": 4.0.1
• vee-validate": 4.7.4
• vee-validate/i18n": 4.7.4
• vee-validate/rules": 4.7.4
• axios": 1.3.3
• bootstrap": 5.2.3
• bootstrap-icons": 1.10.3
• eslint-plugin-promise": 6.1.1
• pinia": 2.0.30
• sweetalert2": 11.7.1
• vite-plugin-eslint": 1.8.1
• vue": 3.2.45
• vue-axios": 3.5.2
• vue-loading-overlay": 6.0
• vue-router": 4.1.6
• aos: "^3.0.0-beta.6",

3. 安裝步驟

• 開啟終端機到存放專案本機位置並執行：

• git clone https://github.com/Wendy03/11th_street_cafe.git

• 專案套件安裝：

1. 使用終端機切換目錄到專案： 11th_street_cafe
2. 使用終端機安裝套件： npm install

主要功能

消費者

1.可以瀏覽全部商品

2.點選查看更多查看單一商品詳細資料

3.輸入E-mail訂閱平台獲取最新資訊

4.點選加到購物車可將商品加入購物車內

5.點選購物車圖案可瀏覽購物車內商品

6.點選確認訂單填寫購買人資訊

7.可輸入優惠卷代碼

8.填寫表單送出訂單，送出表單後連結到付款頁面

9.付款頁面點選付款確認完成訂單

10.點擊愛心圖案可追蹤商品

管理者

1.填寫E-mail、Password登入管理頁面

2.瀏覽全部商品清單

3.新增新商品

4.刪除單一產品

5.編輯商品資訊

6.瀏覽全部訂單資訊

7.編輯付款狀態

8.瀏覽全部優惠卷資訊

9.刪除單一優惠卷

10.新增優惠卷

11.編輯優惠卷

12.刪除單一優惠卷

13.瀏覽全部文章

14.新增文章

15.編輯文章

16.刪除文章