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 许可证的许可。
