ICEA線上購物

這是一個電商網站專案，旨在提供用戶瀏覽家居產品的線上平台，具備多裝置的RWD響應式設計，並且可以購買結帳功能，擁有前後台功能，擁有動態網站特性，具備前後端分離。

• 支持裝置響應式範圍：375/576/768/992/1200/1600/1920

功能

前台

• 首頁展示
• 顯示商品列表
• 依照類別篩選商品
• 依照關鍵字篩選商品
• 依照推薦、評價、價格、商品創建時間排序商品
• 商品加入追蹤清單與移除
• 顯示追蹤清單列表
• 商品加入購物車
• 編輯購物車數量、刪除購物車
• 填寫寄送者顧客資訊、表單驗證、送出訂單
• 顯示訂單列表追蹤訂單進度
• 最新活動查看近期舉辦活動資訊
• 頁尾新增認識我們、加入我們、常見問題、聯絡我們、隱私權政策介紹

後台(管理者)

• 登入與登出
• 顯示商品列表
• 依照類別篩選商品
• 新增、編輯、刪除商品
• 顯示訂單列表
• 編輯、刪除訂單

安裝與執行

1. 安裝所需的依賴套件：npm install
2. 在本地開發伺服器上運行：npm run dev
3. 在瀏覽器中打開：http://localhost:30328

專案技術

• Node ^v20.10.0
• vue ^3.3.11 [Composition API]
• vue-router ^4.2.5
• pinia ^2.1.7
• vee-validate ^11.10.5
• yup ^1.3.3
• axios ^1.6.5
• i18next ^23.8.2
• fuse.js ^7.0.0
• vue-select ^4.0.0-beta.6
• swiper ^11.0.6
• sweetalert2 ^11.10.5
• vue3-toastify ^0.2.1
• vue-loading-overlay ^6.0
• bootstrap ^5.3.2
• json-server ^1.0.0-alpha.23

授權

本專案僅供個人練習作品使用，不授權任何用途