網站資訊

• 網站 Live Demo：https://force-majeure.zeabur.app/
• GitHub Repo: https://github.com/louis-chiu/Force-Majeure-Shop/settings/pages

專案簡介

此專案使用 React 框架以及其生態圈相關套件開發，使用 Redux Toolkit 做狀態及 API 管理，CSS 部份不使用框架、套件來做切版練習。

後端部份以 Node.js, Express 簡易架設為主，並未使用 ORM 開發，金流使用 Line Pay 測試帳號開發。

（ 設計素材取自 Unsplash ）

功能

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

前端

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

後端

• Node.js, Express
• Line Pay Developers API
• PostgreSQL, AWS RDS
• AWS EC2