食譜
描述 :
歡迎來到 Recipen – 一個供美食愛好者探索、創造和分享他們的烹飪經驗的食譜網站。盡情享受社群驅動的平台,美食愛好者在這裡分享他們珍愛的食譜和迷人的美食部落格。訂閱專業版即可分享您自己的食譜並解鎖品味、文化和創造力的領域。
關聯:
即時網站:https://recipen.vercel.app/
使用的工具和技術:
與我聯絡:
特徵 :
- 身份驗證:使用者可以安全地建立帳戶並登入以存取個人化功能和內容。
- 存取和刷新令牌:實施存取和刷新令牌機制,以增強使用者身份驗證期間的安全性。
- 身份驗證狀態持久性:用戶身份驗證狀態現在可以跨會話持久保存,從而提供無縫的用戶體驗。
- 在 Cookie 中儲存令牌:令牌儲存在安全 cookie 中,以便更好地防止跨網站腳本 (XSS) 攻擊。
- 食譜:探索社區貢獻的豐富正宗食譜,涵蓋各種美食和口味。
- 美食部落格:與愛好者撰寫的富有洞察力和創意的美食部落格互動,提供寶貴的見解和烹飪靈感。
- Stripe支付整合:無縫整合Stripe以實現安全支付處理,增強交易過程中的使用者體驗。
- 一次性付款訂閱:提供用戶一次性付款訂閱的選項,解鎖專屬功能和福利。
- 專業使用者存取權限:專業使用者享有新增和刪除食譜和部落格的特權,創造一個動態且引人入勝的平台。
- 管理儀表板:管理員可以存取儀表板來管理使用者、食譜和博客
- 使用者個人資料:每個使用者都有一個個人化的個人資料,他們可以在其中管理自己的資訊。
- 聯絡我們頁面:專門的頁面,供使用者提出問題、疑慮或回饋,促進溝通。
- 聊天機器人:為專案維護人員提供一對一幫助的聊天機器人。
- 保存和取消保存最喜歡的食譜:用戶可以整理自己最喜歡的食譜集合,以便於訪問和烹飪靈感。
- 評分和評論食譜:註冊用戶可以對食譜進行評分和評論,增強社群互動。
- 部落格評論:透過在美食部落格上發表評論、分享想法和想法來參與討論。
- 在社群媒體上分享食譜:使用者可以輕鬆地在各種社群媒體平台上分享自己喜歡的食譜。
回到頂部
在本機電腦上執行專案的步驟
- 分叉這個儲存庫
- 在本機電腦上開啟終端機或命令提示字元。運行以下命令來克隆存儲庫:
git clone https://github.com/your-username/your-repo.git
將your-username替換為您的 GitHub 使用者名,將 your-repo替換為您的儲存庫名稱。
- 開啟專案並將客戶端和伺服器目錄中的.env.example檔案重新命名為.env 。
- 將您自己的環境變數新增至這兩個檔案。
- 將http://localhost:5173和http://localhost:5000加入到路徑 server/config/allowedOrigins 中的allowedOrigins陣列中。
- 要運行前端,請打開一個新終端並運行“cd client/”以轉到客戶端目錄並執行:
- 要運行後端,請開啟一個新終端並執行“cd server/”以前往伺服器目錄並執行:
- 從瀏覽器開啟http://localhost:5173/ strong> 以執行 Web 應用程式。
存取管理儀表板的步驟
- 在您的電腦上執行 Web 應用程式後,在網站上註冊。
- 現在開啟您的 MongoDB 集合,並在角色欄位陣列中為您想要設為管理員的使用者手動新增Admin元素,然後重新登入網站。
- 現在您將能夠存取管理儀表板。
回到頂部
首頁
註冊頁面
登入頁面
個人資料頁面
聯絡頁面
食譜頁面
部落格頁面
單一食譜頁面
單一部落格頁面
新增食譜頁面
新增部落格頁面
管理員使用者儀表板
管理食譜儀表板
管理部落格儀表板
?️ 許可證
使用、複製和分發的條款和條件均遵循 MIT 授權。
給它一個?如果你?這個儲存庫
回到頂部