此作品主要頁面分成首頁、商品列表、商品詳細、購物車、結帳流程、後臺登入畫面、後台編輯商品清單,訂單及優惠劵管理清單,僅用於學習,並沒有任何實際商業用途。
該網站是使用 Vue CLI 搭建而成,使用 Vue Router 來管理路由,vue-axios 套件串接六角學院 API,使用 Bootstrap 5 自定義 SCSS 樣式、網格系統建立 RWD,VeeValidate 套件用於訂單表單驗證,使用 Cookie 記錄登入狀態, localStorage 來管理商品收藏,網站前後台 UI 是自行設計完成的。