wowoRoom 床墊電商購物網 (純 JavaScript 開發 + 前後台)

• 前台線上Demo

• 後台線上Demo

• 純 JavaScript 開發，無使用任何框架。

• 包含完整前後台頁面模擬與訂單資料、圖表呈現。

• 本作品採用現成模板實作功能練習，實作以JS邏輯為主，不包含版型切版。

前台特色

• axios API商品資料串接與UI渲染
• 商品加入購物車
• 數量調整
• 表單處理
• 防止過度請求API細節(適時使用Disabled或隱藏功能)

後台特色

• axios API訂單資料串接與UI渲染
• 訂單狀態點擊切換功能：已處理/未處理
• 使用 C3.js 圖表套件渲染統計結果：
  • 全產品類別營收比重：以三大產品類別呈現統計圖表
  • 全品項營收比重：取出前三大熱門產品，其餘產品則合併為一項，統計並顯示圖表

使用套件

• SweetAlert2
• C3.js 圖表
• axios

指導導師（六角學院）

• JS技術導師：洧杰校長、穎旻老師
• 課程助教：傑利助教

JS 完課證書（六角學院）

• 所有作業皆以最高等級LV3完成