香氛晨光

這是一個電商網站專案，旨在提供用戶瀏覽和購買香水產品的平台。

• 網站頁面連結

功能

前台

•  首頁展示
•  顯示商品列表
•  依照類別篩選商品
•  依照關鍵字篩選商品
•  依照名稱、價格排序商品
•  商品加入追蹤清單與移除
•  顯示追蹤清單列表
•  商品加入購物車
•  編輯購物車數量、刪除購物車
•  購物車使用優惠卷
•  填寫寄送者顧客資訊、表單驗證、送出訂單
•  顯示訂單列表追蹤訂單進度
•  文章專欄區查看各類文章
•  優惠專區查看近期舉辦活動資訊

後台(管理者)

•  登入與登出
•  顯示商品列表
•  依照類別篩選商品
•  新增、編輯、刪除商品
•  顯示優惠卷列表
•  新增、編輯、刪除優惠卷
•  顯示訂單列表
•  編輯訂單
•  顯示訂文章列表
•  新增、編輯、刪除文章

專案技術

• Node ^16.15.0
• React ^18.2.0
• react-dom ^18.2.0
• react-router-dom ^6.14.2
• @reduxjs/toolkit ^1.9.5
• react-redux ^8.1.2
• redux-persist ^6.0.0
• axios ^1.4.0
• sass ^1.64.1
• bootstrap ^5.3.0
• react-bootstrap ^2.8.0
• react-hook-form ^7.45.4
• react-select ^5.7.4
• react-toastify ^9.1.3
• swiper ^10.1.0
• sweetalert2 ^11.7.20
• react-icons ^4.10.1
• framer-motion ^10.15.1