以大學畢業製作專題—纏花推廣作為延伸開發的網站,通過此網站可以認識纏花、學習傳統纏花的製作方法,以及購買纏花商品。
-
測試帳號如下,也可以自行註冊一個帳號
- 帳號: user01@test.com
- 密碼: pwd123 (請勿更改密碼)
- React.js
- React-router
- React-redux
- Firebase
- Ant Design
- Tailwind CSS
輪播圖 使用Swiper套件
新品上架,從商品列表中取出最新的8個商品
首頁底部展示傳統纏花(可互動)
嵌入Youtube纏花教學影片,右側菜單可切換影片及教學簡介
可以依照類別篩選商品以及依照價格或上架順序來排序 商品資料儲存於Firestore資料庫
輸入關鍵字搜尋商品
可以點擊愛心將商品加入收藏,以及將商品加入購物車
點擊直接購買會直接跳轉到購物車結帳頁面(需登入)
使用Ant Design Steps
第一步:確認購物車
第二步:填寫收件資訊
第三步:訂單確認,送出訂單後會跳轉到會員資料的我的訂單頁面
使用Firebase Authentication
更新會員資料
若資料修改後沒有儲存就離開,會跳出提示框(使用lodash的isEqual來判斷資料是否被修改)
修改密碼
登出後自動跳轉回首頁


















