Auction Website

拍賣點

拍賣點是用戶可以買賣商品的網站。我在這個完整的堆棧項目中的目標是設計和開發在線拍賣平台，類似於eBay。實現遵循REST-API體系結構，一些關鍵功能是：

• 安全授權和身份驗證
• 基於角色的訪問控制
• 應用程序中的郵件客戶端
• 使用矩陣分解的建議

技術

使用JavaScript堆棧，以便於後端的Express和node.js組成，用於更快，更快的部署。由於數據建模，關聯和查詢是使用semeLize處理對象相關映射的，因此也可以使用不同的關係數據庫。

要求和設置

後端

1. 對於後端MySQL或類似的關係數據庫以及Node.js和NPM的安裝。

2. 在config.json文件中添加您的個人mysql設置。

3. 要安裝Express，CORS和其他必要的模塊，在API文件夾中運行： npm install

4. 要將續集連接到數據庫，請運行命令： sequelize init

5. 交易通過SSL/TLS協議進行加密。要在本地創建證書，您可以使用mkcert ，然後添加路徑：

 const sslServer = https . createServer ( {
    key : fs . readFileSync ( '/yourpath/key.pem' ) ,
    cert : fs . readFileSync ( '/yourpath/cert.pem' )
} , app ) ;

• 當服務器以“乾淨”數據庫開頭時，表將根據模型中定義的對像模型自動創建表。
• 此外，具有管理員角色的用戶將自動使用用戶名創建：管理員和初始密碼：1234，可以更改。
• 還設置了Nodemon，因此服務器每次更改後端代碼在運行時都會自動重新啟動。

要啟動服務器，只需在API目錄中運行：

 npm start

前端

對於前端，所有必要的依賴項在package.json文件中定義。要安裝它們，只需在前目錄中運行： npm install

要啟動前目錄中的前端運行：

 npm start

設計

為了設計應用程序，我使用了純CSS和一些材料UI組件。為頁面過渡以及編輯頁面添加了一些動畫。對於標題和主要元素，我使用了Futura，這是一個簡單而永恆的字體，而對於身體和細節，我使用了Roboto和其他類似的Sans-Serif字體。

歡迎頁面

該網站的歡迎頁面非常簡單，旨在使新的訪問者有興趣進入該網站。只有一個登錄按鈕和提供的服務的簡要摘要，因此它們不會被信息所淹沒。

拍賣

從拍賣頁面中，用戶可以按類別，搜索或過濾器瀏覽列表。這些類別具有層次結構，在MySQL中使用自我引用外鍵並在需要時在前端和後端構建樹來實現。

拍賣頁

拍賣頁面具有項目的所有詳細信息，並取決於買方或賣方是否正在查看它，他們會提供不同的選擇。這些照片顯示在旋轉木馬中，對於照片上傳，我在後端使用了Multer API。為了顯示我使用的位置，我使用了OpenStreetMap和傳單。用戶可以通過刪除PIN或搜索來添加確切的位置。我為地圖設計了一個類似寶麗來的容器，如上面的屏幕截圖，在該屏幕截圖中以DMS格式顯示了坐標。

登錄和註冊

對於註冊字段以及網站的其他形式，我使用YUP與formik庫結合執行架構驗證。用戶的密碼使用BCRypt函數存儲在數據庫中，該功能基於Blowfish Cipher。

輪廓

在個人資料頁面上，買家可以看到賣方的所有可用物品。為每個用戶提供了類似的儀表板頁面，其中也建議他們提供項目。推薦系統使用矩陣分解算法，而在用戶訪問拍賣或競標時收集數據的數據。

郵件

除了收件箱，發件箱和發送新消息的能力外，在郵件客戶端中還有一個消息接口。除了消息之外，買方可以在物品到達時對賣方進行評分，而賣方分別可以在買方完成付款後對賣方進行評分。

行政

登錄後，管理員可以批准用戶應用程序，並在eBay DTD模板下以XML，JSON或CSV格式導出拍賣詳細信息。另外，為了填充數據庫並訓練推薦算法，我以UCLA提供的XML格式使用了eBay網站上的真實數據。

工具

該網站是使用Express，Node.js，MySQL構建的，續集和反應。