เว็บแอปพลิเคชันแบบเต็มสแต็กที่ได้แรงบันดาลใจจาก Airbnb
#ลิงค์สด
สารบัญ
- ภาพรวมโครงการ
- เทคโนโลยีและแพ็คเกจที่ใช้
- คุณสมบัติที่สำคัญ
- การสาธิตสด
- ขอบคุณ
ภาพรวมโครงการ
ตื่นเต้นที่จะแบ่งปันการเดินทางของฉันในการพัฒนาแอปพลิเคชันเว็บแบบฟูลสแตกที่มีฟีเจอร์มากมายซึ่งได้รับแรงบันดาลใจจาก Airbnb โปรเจ็กต์นี้ใช้ประโยชน์จาก MongoDB, Express.js และ Node.js เพื่อสร้างแพลตฟอร์มแบบไดนามิกและปรับขนาดได้สำหรับจัดการรายการและการโต้ตอบของผู้ใช้
เทคโนโลยีและแพ็คเกจที่ใช้
แบ็กเอนด์
- MongoDB : ฐานข้อมูล NoSQL สำหรับการจัดเก็บข้อมูลที่ยืดหยุ่นและปรับขนาดได้
- Express.js : เฟรมเวิร์กแอปพลิเคชันเว็บสำหรับ Node.js นำเสนอฟีเจอร์ที่มีประสิทธิภาพสำหรับแอปพลิเคชันบนเว็บและมือถือ
- Node.js : รันไทม์ JavaScript สำหรับการพัฒนาฝั่งเซิร์ฟเวอร์
การรับรองความถูกต้อง
- Passport.js : มิดเดิลแวร์สำหรับการตรวจสอบผู้ใช้ รองรับกลยุทธ์ต่างๆ
- Dotenv : การจัดการตัวแปรสภาพแวดล้อมสำหรับการกำหนดค่าที่ปลอดภัย
การจัดเก็บรูปภาพ
- Cloudinary : โซลูชันการจัดการรูปภาพและวิดีโอบนคลาวด์
แผนที่
- Mapbox : แพลตฟอร์มสำหรับแผนที่ที่กำหนดเองและประสบการณ์ตามสถานที่
ส่วนหน้า
- EJS : เทมเพลต JavaScript แบบฝังสำหรับการแสดงผลเนื้อหาแบบไดนามิก
การจัดการเซสชัน
- เชื่อมต่อ Flash : มิดเดิลแวร์สำหรับข้อความแฟลช
- เชื่อมต่อ Mongo : ที่เก็บเซสชัน MongoDB สำหรับ Express.js
- Cookie Parser : มิดเดิลแวร์สำหรับแยกวิเคราะห์คุกกี้
การตรวจสอบ
- Joi : ห้องสมุดสำหรับการตรวจสอบข้อมูล
การสร้างแบบจำลองวัตถุ
- Mongoose : การสร้างแบบจำลองวัตถุ MongoDB สำหรับ Node.js
การอัพโหลดไฟล์
- Multer : มิดเดิลแวร์สำหรับจัดการการอัพโหลดไฟล์
คุณสมบัติที่สำคัญ
การตรวจสอบสิทธิ์ผู้ใช้ : ส่วนการเข้าสู่ระบบ ออกจากระบบ และโปรไฟล์ผู้ใช้
การดำเนินการ CRUD : เพิ่ม แก้ไข และลบรายการสินค้า
ระบบตรวจสอบ : เพิ่มและลบบทวิจารณ์
การจัดการบัญชี : อัปเดตบัญชีผู้ใช้และรหัสผ่าน
ความปลอดภัยของข้อมูลผู้ใช้ : การแฮชรหัสผ่านและการเข้ารหัส
แผนที่เชิงโต้ตอบ : การใช้ประโยชน์จาก Mapbox สำหรับการแสดงตำแหน่ง
เข้าสู่ระบบด้วย Google : ตรวจสอบสิทธิ์ด้วยบัญชี Google ของคุณเพื่อประสบการณ์ที่ราบรื่น
เข้าสู่ระบบด้วย Facebook : เข้าสู่ระบบได้อย่างง่ายดายโดยใช้ข้อมูลประจำตัว Facebook ของคุณ
เข้าสู่ระบบด้วยอีเมล : เข้าสู่ระบบอีเมลแบบดั้งเดิมเพื่อความสะดวกของผู้ใช้
ตรวจสอบการสาธิตสดของแอปพลิเคชันได้ที่นี่: Render Deployment
ขอบคุณ
ขอบคุณสำหรับการสำรวจ Airbnb! ความคิดเห็นของคุณมีค่า หากคุณมีข้อเสนอแนะหรือความคิดใด ๆ โปรดแบ่งปันกับเรา