ดาวน์โหลด VacationVibe - ดาวน์โหลดซอร์สโค้ด VacationVibe

VacationVibe

ข้อมูลเว็บไซต์

1.0.0

ดาวน์โหลด

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
สร้างไฟล์ .env ในโฟลเดอร์ api และจัดเตรียมตัวแปรสภาพแวดล้อมที่จำเป็น คุณสามารถอ้างถึงไฟล์ .env.example สำหรับตัวแปรที่จำเป็น
เริ่มเซิร์ฟเวอร์การพัฒนา:
- แบ็กเอนด์: ในโฟลเดอร์ api ให้รัน npm run dev
- ส่วนหน้า: ในโฟลเดอร์ client รัน npm run start

ตอนนี้คุณสามารถเข้าถึงแอป VacationVibe ได้โดยเปิดเบราว์เซอร์และไปที่ http://localhost:4000

โครงสร้างโฟลเดอร์

โครงการเป็นไปตามโครงสร้างโฟลเดอร์เฉพาะ:

api/ : ประกอบด้วยโค้ดแบ็กเอนด์ รวมถึงการตั้งค่าเซิร์ฟเวอร์ เส้นทาง และโมเดล
client/ : ประกอบด้วยโค้ดส่วนหน้า รวมถึงส่วนประกอบ React สไตล์ และเนื้อหา

รับทราบ

เราขอขอบคุณแหล่งข้อมูลและห้องสมุดต่อไปนี้ที่มีส่วนสำคัญในการพัฒนา VacationVibe :

แบ็กเอนด์

bcryptjs: ไลบรารีสำหรับการแฮชและเปรียบเทียบรหัสผ่าน
cookie-parser: มิดเดิลแวร์สำหรับแยกวิเคราะห์คุกกี้ใน Express
cors: มิดเดิลแวร์สำหรับเปิดใช้งาน Cross-Origin Resource Sharing (CORS)
dotenv: โมดูลสำหรับการโหลดตัวแปรสภาพแวดล้อมจากไฟล์ .env
jsonwebtoken: ไลบรารีสำหรับสร้างและตรวจสอบ JSON Web Tokens (JWT)
พังพอน: ไลบรารี Object Data Modeling (ODM) สำหรับ MongoDB
multer: มิดเดิลแวร์สำหรับจัดการการอัพโหลดไฟล์ใน Express
@aws-sdk/client-s3: ไลบรารีไคลเอ็นต์สำหรับการโต้ตอบกับ Amazon S3 เพื่อจัดเก็บไฟล์
image-downloader: ไลบรารีสำหรับการดาวน์โหลดภาพจาก URL
mime-types: ไลบรารีสำหรับการทำงานกับประเภท MIME
express: กรอบงานเว็บสำหรับ Node.js

การพึ่งพาการพัฒนา (แบ็กเอนด์):