VacationVibe ：度假租賃預訂應用程式
VacationVibe是一款全端預訂應用程序，使用戶能夠預訂度假租賃，為預訂住宿提供無縫體驗。該應用程式允許用戶為自己的房產建立列表，讓業主有機會向潛在客人展示他們的租金。透過VacationVibe ，用戶可以輕鬆搜尋可用房產、查看房產詳細資訊、進行預訂並管理預訂。
要親身體驗VacationVibe ，請造訪我們的網站進行現場示範：
訪問網站進行現場演示
主要特點
- 預訂系統：用戶可以輕鬆搜尋可用房產並進行預訂。
- 清單建立：業主可以建立和管理他們的清單。
- 儀表板：業主可以存取儀表板，在其中管理其清單並查看預訂請求。
- 用戶帳戶：用戶可以建立帳戶來保存他們最喜歡的房產並管理他們的預訂。
技術堆疊
該應用程式是使用以下技術開發的：
- MongoDB：用於儲存屬性和使用者資料的 NoSQL 資料庫。
- Express.js：用於建立 RESTful API 和處理伺服器端邏輯的伺服器端框架。
- React：用於建立使用者介面的 JavaScript 函式庫。
- Tailwind CSS：實用程式優先的 CSS 框架，用於設計前端樣式。
- Node.js：用於執行伺服器端程式碼的 JavaScript 執行環境。
- Vercel：靜態網站託管和部署的雲端平台，用於部署應用程式的前端。
- AWS S3：用於檔案儲存的 Amazon Simple Storage Service (S3)，允許使用者上傳和擷取屬性映像。它實現了安全且可擴展的文件存儲，確保了處理財產圖像的可靠且高效的系統。
入門
要在本地運行VacationVibe應用程序，請按照以下步驟操作：
- 克隆儲存庫：
git clone https://github.com/junaidsaleem10144/VacationVibe.git - 導航至專案目錄：
cd VacationVibe - 安裝依賴項：
- 後端：導航到
api資料夾並運行npm install - 前端：導航到
client端資料夾並運行npm install
- 在
api資料夾中建立一個.env檔案並提供必要的環境變數。您可以參考.env.example檔案來取得所需的變數。 - 啟動開發伺服器：
- 後端：在
api資料夾中，運行npm run dev - 前端：在
client資料夾中，執行npm run start
現在，您可以透過開啟瀏覽器並造訪http://localhost:4000來存取VacationVibe應用程式。
資料夾結構
該項目遵循特定的資料夾結構：
-
api/ ：包含後端程式碼，包括伺服器設定、路由和模型。 -
client/ ：包含前端程式碼，包括 React 元件、樣式和資源。
致謝
我們對以下資源和圖書館表示感謝，它們在VacationVibe的發展中發揮了重要作用：
後端
- bcryptjs：用於雜湊和比較密碼的函式庫。
- cookie-parser：用於在 Express 中解析 cookie 的中間件。
- cors：用於啟用跨來源資源共享（CORS）的中間件。
- dotenv：用於從 .env 檔案載入環境變數的模組。
- jsonwebtoken：用於產生和驗證 JSON Web 令牌 (JWT) 的庫。
- mongoose：MongoDB 的物件資料建模 (ODM) 函式庫。
- multer：用於在 Express 中處理檔案上傳的中間件。
- @aws-sdk/client-s3：用於與 Amazon S3 互動以儲存檔案的用戶端程式庫。
- image-downloader：用於從 URL 下載圖片的庫。
- mime-types：用於處理 MIME 類型的函式庫。
- express：Node.js 的 Web 框架。
開發依賴（後端）：
- nodemon：偵測到檔案變更時自動重新啟動 Node.js 伺服器的實用程式。
前端
- axios：用於發出 HTTP 請求的函式庫。
- date-fns：用於操作和格式化日期的函式庫。
- react-router-dom：用於在 React 應用程式中處理路由的函式庫。
- React：用於建立使用者介面的 JavaScript 函式庫。
- react-dom：用於渲染 React 元件的套件。
開發依賴（前端）：
- @types/react：React 的類型定義。
- @types/react-dom：React DOM 的類型定義。
- @vitejs/plugin-react：用於 React 支援的 Vite 插件。
- autoprefixer：PostCSS 插件，用於在 CSS 中新增供應商前綴。
- postcss：CSS 後處理器工具。
- tailwindcss：實用優先的 CSS 框架。
- vite：現代 Web 開發的建置工具。
感謝您選擇VacationVibe ！如果您有任何問題或回饋，請隨時與我們聯繫。
貢獻
歡迎為VacationVibe應用程式做出貢獻！如果您發現任何問題或想要新增功能，請隨時提出拉取要求。
執照
該項目已獲得 MIT 許可證的許可。
