Booksy frontend

Booksy - 網上書店

歡迎來到Booksy，這是您首選的線上書店，使用MERN 堆疊構建，由Clerk 處理用戶身份驗證，由Stripe 處理付款。探索、選擇，輕鬆購買他們最喜歡的讀物。無論您喜歡小說、非小說、教育材料或稀有發現，Booksy 都能滿足您的閱讀偏好。

特徵

• 瀏覽與搜尋：瀏覽我們豐富的圖書館或使用搜尋功能輕鬆找到特定書籍。
• 圖書詳細資訊：存取有關圖書的詳細信息，包括摘要、作者詳細資訊和定價。
• 用戶身份驗證：透過店員用戶身份驗證安全註冊和登錄，以獲得個人化且安全的購物體驗。
• 使用者個人資料：管理您的個人資料、查看個人化推薦並追蹤您的閱讀偏好。
• 購物車：結帳前根據需要將書籍添加到購物車、調整數量或刪除商品。
• 安全結帳：使用整合支付選項安全地完成您的購買，包括用於安全交易的 Stripe。
• 訂單歷史記錄：查看您過去的訂單並追蹤當前購買的狀態。
• 收藏夾：將書籍保存到您的收藏夾清單中，以便於將來訪問或購買。
• 響應式設計：由於我們的響應式設計，您可以在所有裝置上享受無縫的購物體驗。

技術堆疊

前端：React.js 用於動態且響應式的使用者介面。後端：Node.js 和 Express.js，用於提供強大的伺服器端邏輯和 API 端點。資料庫：MongoDB 用於靈活且可擴展的資料儲存。支付處理：Stripe 整合可實現安全且有效率的支付交易。樣式：CSS 和響應式設計原則，提供精美且適應性的使用者體驗。

作者：（團隊）

Demetrius Vissarion - https://github.com/demetriusvissarion Thomas Mazzag - https://github.com/TomMazzag Ilhan Abdalle - https://github.com/Illy-hans Jehoshua - https://github.com/AVJehoshua Fawaz塔拉爾- https://github.com/Fawaztarar

特雷洛

https://trello.com/b/qv2hfgk4/ecommerce-final-project

Excalidraw

https://excalidraw.com/#room=a5e0e468c208d0365181,Nr2s0OMVmuSbWFPOP75-5A

米羅

API文件

入門

若要在本機設定 Booksy 項目，請執行下列步驟：

先決條件

Node.js MongoDB

安裝

後端設定

1. 克隆後端儲存庫：

git 克隆 https://github.com/AVJehoshua/Booksy-backend.git

克隆儲存庫或下載原始程式碼：

前端設定

2. 克隆後端儲存庫：

git 克隆 https://github.com/TomMazzag/Booksy-frontend.git

導航到專案目錄：

cd Booksy 前端

• npm 安裝
• 安裝依賴項
• 啟動 React 開發伺服器：

安裝後端所需的依賴項：

cd Booksy-後端

• 啟動後端伺服器：
• npm 啟動
• 該應用程式現在應該在 http://localhost:3000 上運行。

啟動後端伺服器：

配置

環境變數 在後端目錄中的 .env 檔案和前端目錄中的 .env.local 中設定所需的環境變量

MONGO_URI：MongoDB 資料庫的連接字串。 STRIPE_SECRET_KEY：Stripe 支付整合的密鑰。 Stripe 整合 確保您已設定 Stripe 帳戶並取得支付處理所需的 API 金鑰。

用法

探索書店，註冊或登錄，將書籍加入購物車，然後繼續結帳。在舒適的家中享受無縫的書籍購物體驗。

貢獻

歡迎貢獻！如果您想做出貢獻，請分叉儲存庫並使用您的功能或修復建立拉取請求。

執照

Booksy 是開源網頁應用程式

致謝

特別感謝 Booksy 和創客團隊

閱讀愉快！