線上蔬菜和水果市場（VegFru）
歡迎來到線上蔬菜水果市場計畫！該平台旨在將客戶與附近銷售新鮮水果和蔬菜的供應商聯繫起來。借助易於使用的介面，客戶可以在地圖上搜尋供應商、查看產品清單並透過支付網關安全地下訂單。
點擊此處查看VegFru流程
Note: Fully Mobile Responsive
應用程式特點：
| 客戶特點 | 供應商功能 - 建立和管理您的商店 |
|---|---|
| 1. 在地圖上搜尋附近的供應商： - 使用互動式地圖介面輕鬆找到附近的供應商。 | 1. 商店創建：供應商可以在平台內創建和自訂他們的線上商店。他們可以使用品牌、徽標和商店資訊來設定商店。 |
| 2. 在地圖上查看供應商資料和產品清單： - 存取詳細的供應商資料並直接在地圖介面中瀏覽產品清單。 | 2. 庫存管理：供應商可以存取強大的儀表板以進行高效的庫存管理。他們可以新增、編輯或刪除產品清單、更新數量以及設定定價。 |
| 3. 透過 Stripe 安全下訂單和付款： - 使用強大且安全的 Stripe 支付網關從供應商無縫下訂單購買所需產品。 | 3. 訂單處理：供應商可以直接從儀表板有效管理訂單、查看詳細資訊並準備交貨。 |
| 4. 即時追蹤訂單： - 從確認到交付，即時追蹤訂單狀態、詳細資訊和付款。 | 4. 洞察：供應商可以獲得每日收入、客戶總數和訂單數據，提供有價值的業務洞察，幫助了解商店績效。 |
| 5. 成功下單後的電子郵件確認： - 成功下單後立即收到電子郵件確認。 |
使用的技術
該項目是使用現代網路技術建構的，包括：
| 科技 | 選擇 |
|---|---|
| 前端 | ReactJS/NextJS |
| 使用者介面框架 | ChakraUI/Tailwind |
| 後端 | NodeJs/ExpressJS |
| 資料庫 | MongoDB |
| 貨櫃化 | 碼頭工人 |
| 定位服務 | Mapbox API（基於位置的搜尋、地圖整合、方向 API、距離 API） |
| 支付網關 | 條紋結帳 |
| 快取 | Redis（減少資料庫請求，優化效能，減少回應時間） |
| 速率限制 | 用於控制請求速率，在ExpressJS中作為中間件實現，防止請求過多，確保伺服器穩定性 |
| 網路鉤子 | 用於在資料庫中保存付款詳細信息 |
| 電子郵件通知 | 使用 Gmail SMTP 伺服器和 Nodemailer 傳送 |
| 存取令牌和刷新令牌 | 使用 Axios 攔截器實現，以改善使用者體驗 |
客戶端截圖
供應商端截圖
接觸
如果您有任何問題或回饋，請透過 [email protected] 與我聯繫，造訪我的網站：點擊此處我們很樂意聽取您的意見！
