Give++ 二手交易平台
介紹影片 : https://www.youtube.com/watch?v=o4nH5tC_XKk&feature=youtu.be
這是 Give++ 二手交易平台的前端原始碼,採用 React Hooks 和 Redux Toolkit 開發。
-
使用者可使用功能:
- 商品系統:自動篩選、手動搜尋、分類搜尋,不但能瀏覽網站上所刊登的商品,且能決定搜尋結果的排序方式
- 購物車系統:查看欲購買的項目及內容,並且成立訂單
- 賣家系統:於賣家後台刊登或編輯欲銷售的商品
- 個人資料管理系統:編輯商店頁面的公告內容、聯絡資訊
- 訂單系統:隨時掌握/更新訂單的最新狀態
-
管理員可使用功能:
- 後台管理系統:審核最新刊登的商品,管理/維護網站的用戶及商品
安裝此專案所需的第三方套件
在 http://localhost:3000 上啟動此專案
在 build
資料夾中建立此專案的 production 版本
在 GitHub Page 上部屬此專案網站
- 前端框架
- React Hooks
- React Dom
- 第三方套件
- Redux Toolkit
- React Router
- Dayjs
- Nuka Carousel
- Snow
- Cypress
- 第三方 API
- Imgur
可依照最新商品、手動搜尋、分類搜尋方式搜尋商品,且可在搜尋結果頁面自訂商品的排序方式
可以將商品加入購物車,查看欲購買的商品內容及金額,並成立訂單
本專案利用 Cypress 對於註冊、登入、登出功能,做基本測試
- 取得使用者資訊
- 註冊、登入、登出之基本功能
- 各項欄位輸入錯誤時的錯誤提示
啟動 Cypress E2E 測試工具
執行 Cypress E2E 測試,並生成或更新測試影片
Give++ 二手交易平台的後端,採用 Express 和 Sequelize 進行開發