Force Majeure Shop

此專案為使用 React 框架以及其生態圈相關套件開發， 使用 Redux Toolkit 做狀態管理， CSS 部份不使用框架、套件來做切版練習。 後端部份以 Node.js, Express 簡易架設為主， 並未使用 ORM 開發， 金流使用 Line Pay 測試帳號開發。

Live Demo

https://force-majeure.zeabur.app/

功能

• 購物車功能
• Line Pay 結帳系統
• 簡易會員登入、註冊及隱私路由
• 模糊搜尋、排序篩選以及防抖 (Debounce)

使用技術

前端

• JavaScript, React
• CSS, SCSS, React icons
• React Router
• Redux Toolkit, RTK Query

後端

• Node.js, Express
• Line Pay Developers API
• PostgreSQL