文案
專案發想
網站結構
小巷弄甜點電商_全紀錄
Day_1 小巷弄甜點電商
Day_2 小巷弄甜點電商
Day_3 小巷弄甜點電商
Day_4 小巷弄甜點電商
Day_5 小巷弄甜點電商
Day_6 小巷弄甜點電商
Day_7 小巷弄甜點電商
Day_8 小巷弄甜點電商
Day_9 小巷弄甜點電商
網站使用技術：
- Vue3 開發專案
- 使用 Vue Router 建構路由 ( SPA )
- components 元件拆分管理
- 使用 mixins 拆分元件共用部分出來
- AJAX / JSON 串接 RESTful API
- ESLint 管控程式品質(standard 風格)
- Bootstrap 5 整合 SCSS 開發
- 使用 RWD 響應式網頁設計
- localStorage 開發收藏功能
- GitHub Pages 部署靜態網頁
- Swiper 輪播
- Vee-Validate 表單驗證
- AOS 滾動視差
專案介紹
主頁
產品頁面
- 點擊愛心將產品加入收藏、移除收藏 (已收藏產品有自己獨立的頁面)
- 點擊類別可做篩選 (
filter)
- 可透過部分關鍵字搜尋產品名稱
- 點擊產品卡片可進入單一產品頁面 (
$router.push)
- 加入購物車功能
單一產品頁面