Mys 香薰蠟燭擴香電商：

[Demo 連結] (https://myscandle.vercel.app/#/)

頁面預覽

網站功能

前台

1. 首頁：品牌形象 Banner、精選商品輪播推薦、訂閱電子報
2. 商品：商品一覽、詳細資訊、搜尋檢索、條件篩選、相關商品推薦
3. 購物：加入購物車、歷史瀏覽商品推薦、優惠券使用、訂單、結帳
4. 其他：品牌介紹、聯絡我們、SEO文章、404 頁面自動跳轉

後台

1. 管理權限：商家登入/登出
2. 商品管理：商品上架、修改、刪除
3. 訂單管理：新增、修改、刪除訂單
4. 優惠券管理：新增、修改、刪除優惠券

使用技術

1. Vue 3 Options API JS 框架
2. Bootstrap 5 CSS 框架 + SCSS CSS 預處理器
3. Vue Router 前端模擬路由
4. Pinia 狀態管理工具
5. mitt 跨元件資料傳遞
6. Axios API 串接
7. VeeValidate 表單驗證套件
8. Vue Toastification 提醒彈窗套件
9. Swiper 輪播效果套件
10. GSAP + AOS 滑鼠滾動動畫套件
11. VITE建構工具 + Vercel 自動部署