Kubo's Shop 購物網站

Demo

https://kubos-shop.herokuapp.com/

介紹

主要為個人練習所建立的購物網站。

前端

前台:

• 首頁banner、商品輪播
• 購物車功能(使用localStorage)
• 商品列表、依商品分類展示
• 單一商品詳細內容介紹
• 串接Google帳戶登入
• 結帳資訊
• 表單驗證

後台

• 商品管理(新增、刪除、編輯)

後端

• 架設資料庫
• API路由設計

主要技術

• React
• Redux
• React-router
• axios 呼叫後端Api
• Bootstrap4 + 自定義CSS
• LocalStorage
• Formik表單 + yup驗證規則工具
• Express
• MongoDB
• Passport

內容介紹

商品輪播

商品列表

商品詳細內容

結帳資訊

表單驗證

未來發展

後台部分的功能還可以在更加完善(訂單、會員管理等等)，前台能夠串接實際金流API以及一些細部的商品搜尋、優惠卷等等都是未來能再加入的目標