RagnarokShop

RagnarokShopV3 是一個以線上遊戲「仙境傳說」為主題的電商練習專案。

線上 Demo →    前往 GitHub →

專案說明

這是早期的 Vue.js 電商前端練習專案，包含完整的前台購物系統和後台管理介面。

功能特色

前台功能

• 商品分類展示與詳細介紹
• 購物車管理
• 優惠券系統
• 結帳與下單流程

後台功能

• 管理員身份驗證
• 商品管理（CRUD）
• 訂單追蹤與管理
• 優惠券設定

特色亮點

• 多張登入背景隨機切換
• 內建遊戲經典 BGM
• 鍵盤快捷鍵支援（ALT 組合鍵）
• 可拖曳 UI 元件
• 智能推薦系統（基於瀏覽紀錄）

技術棧

• Vue CLI 3 / Vuex / Vue Router
• SCSS / PUG / Bootstrap 4
• Vue Axios / Vee-validate
• Vue Awesome Swiper / V-charts