提供用戶瀏覽和購買健身課程的平台。該平台擁有前後台功能,並具備動態網站特性,實現了前後端分離。用戶可以輕鬆地在網站上探索多樣化的健身課程,並選擇適合自己的課程進行購買。
前台
- 首頁展示
- 顯示商品列表
- 商品加入購物車
- 編輯購物車數量、刪除購物車
- 購物車使用優惠卷
- 填寫寄送者顧客資訊、表單驗證、送出訂單
後台(管理者)
- 登入與登出
- 顯示商品列表
- 新增、編輯、刪除商品
- 顯示優惠卷列表
- 新增、編輯、刪除優惠卷
- 顯示訂單列表
- 編輯訂單
- 安裝所需的依賴套件:
npm install - 在本地開發伺服器上運行:
npm run start - 在瀏覽器中打開:
http://127.0.0.1:3000
- public - 存放靜態檔案
- src
- assets - 圖片放置處
- components - 各功能元件放置處
- pages - 管理各頁面元件
- store - 放置 stroe
- stylesheets - 設置 scss 樣式
- Node ^18.12.0
- React ^18.2.0
- react-dom ^18.2.0
- react-router-dom ^6.14.2
- react-redux ^8.1.2
- redux-persist ^6.0.0
- axios ^1.4.0
- sass ^1.64.1
- bootstrap ^5.2.3
- bootstrap-icons: ^1.11.3,
- react-hook-form ^7.45.4
- swiper ^10.1.0
- react-loading": ^2.0.3,
- 圖片來源皆由:unsplash.com
- API:六角學院
本專案僅供個人練習作品使用,不授權任何用途