หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ซอร์สโค้ดแฟลช
ดาวน์โหลด

Sair:- Beyond Boundaries (เว็บแอปพลิเคชันเต็มซ้อน)

สารบัญ

  • ภาพรวมโครงการ
  • เทคโนโลยีและแพ็คเกจที่ใช้
  • คุณสมบัติที่สำคัญ
  • วิธีการติดตั้ง
  • ความท้าทายและโซลูชั่น
  • ผู้เขียน
  • ลิงค์โครงการ

ภาพรวมโครงการ

Sair เป็นเว็บแอปพลิเคชันที่ออกแบบมาเพื่ออำนวยความสะดวกในการวางแผนการเดินทางและที่พักให้เช่า มันใช้ประโยชน์จาก JavaScript, EJS และ CSS เพื่อให้ผู้ใช้ได้รับประสบการณ์ที่ราบรื่นสำหรับการจองการเดินทางและที่พัก พื้นที่เก็บข้อมูลโครงการมีไฟล์และทรัพยากรที่จำเป็นทั้งหมดเพื่อปรับใช้แอปพลิเคชันโดยมีวัตถุประสงค์เพื่อเสนอโซลูชันที่ครอบคลุมสำหรับนักเดินทางที่กำลังมองหาตัวเลือกที่พักที่สะดวกและมีประสิทธิภาพ

เทคโนโลยีและแพ็คเกจที่ใช้

แบ็กเอนด์

  • MongoDB : ฐานข้อมูล NOSQL สำหรับการจัดเก็บข้อมูลที่ยืดหยุ่นและปรับขนาดได้
  • Express.js : Web Application Framework สำหรับ node.js ให้คุณสมบัติที่แข็งแกร่งสำหรับเว็บและแอปพลิเคชันมือถือ
  • node.js : JavaScript Runtime สำหรับการพัฒนาฝั่งเซิร์ฟเวอร์

การรับรองความถูกต้อง

  • Passport.js : มิดเดิลแวร์สำหรับการตรวจสอบผู้ใช้สนับสนุนกลยุทธ์ต่าง ๆ
  • DOTENV : การจัดการตัวแปรสภาพแวดล้อมเพื่อการกำหนดค่าที่ปลอดภัย

ที่เก็บภาพ

  • Cloudinary : โซลูชันการจัดการรูปภาพและวิดีโอบนคลาวด์

แผนที่

  • MAPBOX : แพลตฟอร์มสำหรับแผนที่ที่กำหนดเองและประสบการณ์ตามตำแหน่ง

ส่วนหน้า

  • EJS : เทมเพลต JavaScript แบบฝังสำหรับการแสดงเนื้อหาแบบไดนามิก

การจัดการเซสชัน

  • เชื่อมต่อแฟลช : มิดเดิลแวร์สำหรับข้อความแฟลช
  • เชื่อมต่อ Mongo : MongoDB Session Store สำหรับ Express.js
  • ตัวแยกวิเคราะห์คุกกี้ : มิดเดิลแวร์สำหรับการแยกวิเคราะห์คุกกี้

การตรวจสอบความถูกต้อง

  • JOI : ห้องสมุดสำหรับการตรวจสอบข้อมูล

การสร้างแบบจำลองวัตถุ

  • Mongoose : การสร้างแบบจำลองวัตถุ MongoDB สำหรับ Node.JS.

การอัปโหลดไฟล์

  • Multer : มิดเดิลแวร์สำหรับการจัดการอัปโหลดไฟล์

การรับรองความถูกต้องทางสังคม

  • หนังสือเดินทางท้องถิ่น : กลยุทธ์การรับรองความถูกต้องในท้องถิ่น
  • Mongoose Local Passport : กลยุทธ์การพิสูจน์ตัวตนที่เฉพาะเจาะจงของพังพอน การรับรองความถูกต้อง

คุณสมบัติที่สำคัญ

  • การรับรองความถูกต้องของผู้ใช้: เข้าสู่ระบบการออกจากระบบและโปรไฟล์ผู้ใช้
  • การดำเนินงาน CRUD: เพิ่มแก้ไขและลบรายชื่อ
  • ระบบตรวจสอบ: เพิ่มและลบรีวิว
  • การจัดการบัญชี: อัปเดตบัญชีผู้ใช้และรหัสผ่าน
  • ความปลอดภัยของข้อมูลผู้ใช้: การแฮชรหัสผ่านและการเข้ารหัส
  • แผนที่แบบอินเทอร์แอคทีฟ: ใช้ประโยชน์จาก MAPBOX สำหรับการสร้างภาพตำแหน่ง
  • เข้าสู่ระบบด้วยอีเมล: การเข้าสู่ระบบอีเมลแบบดั้งเดิมเพื่อความสะดวกของผู้ใช้

วิธีการติดตั้ง

ทำตามขั้นตอนเหล่านี้เพื่อตั้งค่าและเรียกใช้โครงการในพื้นที่:

  1. โคลนที่เก็บ: 

    git clone https://github.com/akashdeep023/Airbnb_Project.git
cd Airbnb_Project

  2. ติดตั้งการพึ่งพา: 

    npm install

  3. ตั้งค่าตัวแปรสภาพแวดล้อม:

    กำหนดค่าตัวแปรสภาพแวดล้อมต่อไปนี้โดยการสร้างไฟล์. env ในรูทของโครงการของคุณ:

    ตัวอย่าง :- 

     # https://cloudinary.com/  (Cloudinary) (Change key)
CLOUD_NAME=kjkdmckdhjks
CLOUD_API_KEY=89340593499490394
CLOUD_API_SECRET=jdskLKJlklkdlsdfkKKdsdkkd

# https://www.mapbox.com/ (Mapbox)
MAP_TOKEN=pk.eyJ1IjoiZGVsdGEtc3R1ZHVlbnQiLCJhIjoiY2xvMDk0MTVhMTJ3ZDJrcGR5ZDFkaHl4ciJ9.Gj2VU1wvxc7rFVt5E4KLOQ

# https://www.mongodb.com/ (MongoDb Atlas) (Change key)
ATLASDB_URL=mongodb+srv://demo:[email protected]/ ? retryWrites=true & w=majority

# Add Random Secret Key
SECRET=ckcdenlksufoifafknddsoiddfkadsfafd

    แทนที่ค่าด้วยการกำหนดค่าเฉพาะของคุณ

  4. เรียกใช้แอปพลิเคชัน: 

    node app.js

  5. เปิดในเบราว์เซอร์ของคุณ:

    เปิด http://localhost:8080/listings ในเว็บเบราว์เซอร์ของคุณ

ความท้าทายและโซลูชั่น

พบกับความท้าทายโดยเฉพาะอย่างยิ่งกับการจัดการข้อมูล แต่ใช้โซลูชันที่มีประสิทธิภาพ เอาชนะปัญหาความสามารถในการปรับขนาดได้ด้วยแบ็กเอนด์ที่มีสถาปัตยกรรมเป็นอย่างดี

ผู้เขียน

Mohan Singh
อีเมล: [email protected]
LinkedIn: Duhanmohan

ลิงค์เว็บไซต์สด Sair - Beyond Boundaries

ขอบคุณสำหรับการเยี่ยมชม ...

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด