使用 Vite 串接 API 完成的單頁式應用旅遊套票電商網站,包含 RWD 響應式體驗 提供產品瀏覽、分類篩選、價格排序、加入購物車及結帳付款等功能
- Vite 環境建置
- 元件拆分、重複使用
- Pinia Store 建置
- 自建 alert 視窗元件
- 前台
- 串接取得產品 API
- 產品篩選功能
- 選擇日期、瀏覽地圖
- 加入購物車功能
- 購物車產品修改刪除
- 送出訂單/表單驗證
- 後台
- 產品 新增/修改/刪除
- 訂單 取得/瀏覽/刪除
- 分頁功能
- Bootstraps 5
- Swiper
- vue-axios
- CKEditor 5
- Font Awesome
- VeeValidate
- Flatpickr
- GSAP
- 設計稿:Zora Guo
- API:六角學院提供