Travel Nest

受 Airbnb 啟發的全端 Web 應用程式

#直播連結

目錄

1. 項目概況
2. 使用的技術和包
3. 主要特點
4. 現場演示
5. 謝謝

項目概況

很高興與大家分享我受 Airbnb 啟發開發功能豐富的全端 Web 應用程式的旅程。該專案利用 MongoDB、Express.js 和 Node.js 創建一個動態且可擴展的平台來管理清單和使用者互動。

使用的技術和包

後端

• MongoDB ：NoSQL 資料庫，用於靈活且可擴充的資料儲存。
• Express.js ：Node.js 的 Web 應用程式框架，為 Web 和行動應用程式提供強大的功能。
• Node.js ：用於伺服器端開發的 JavaScript 執行時期。

驗證

• Passport.js ：用於使用者驗證的中間件，支援各種策略。
• Dotenv ：用於安全配置的環境變數管理。

影像儲存

• Cloudinary ：基於雲端的映像和視訊管理解決方案。

地圖

• Mapbox ：自訂地圖和基於位置的體驗的平台。

前端

• EJS ：用於動態內容渲染的嵌入式 JavaScript 範本。

會話管理

• Connect Flash ：Flash 訊息的中間件。
• Connect Mongo ：Express.js 的 MongoDB 會話儲存。
• Cookie Parser ：用於解析cookie的中間件。

驗證

• Joi ：用於資料驗證的函式庫。

物件建模

• Mongoose ：Node.js 的 MongoDB 物件建模。

文件上傳

• Multer ：用於處理文件上傳的中間件。

主要特點

• 使用者身份驗證：登入、登出和使用者設定檔部分。

• CRUD 操作：新增、編輯和刪除清單。

• 評論系統：新增和刪除評論。

• 帳號管理：更新使用者帳號和密碼。

• 用戶資料安全：密碼雜湊和加密。

• 互動式地圖：利用 Mapbox 進行位置視覺化。

• 使用 Google 登入：使用您的 Google 帳戶進行身份驗證，以獲得無縫體驗。

• 使用 Facebook 登入：使用您的 Facebook 憑證輕鬆登入。

• 使用電子郵件登入：傳統電子郵件登錄，方便使用者。

• • 現場演示

在此處查看應用程式的現場演示：渲染部署

謝謝

感謝您探索愛彼迎！您的回饋很有價值。如果您有任何建議或想法，請隨時與我們分享。