الصفحة الرئيسية>موارد بناء الموقع>فلاش كود المصدر
تنزيل

تطبيق ويب متكامل مستوحى من Airbnb

#رابط مباشر

جدول المحتويات

  1. نظرة عامة على المشروع
  2. التقنيات والحزم المستخدمة
  3. الميزات الرئيسية
  4. العرض المباشر
  5. شكرًا لك

نظرة عامة على المشروع

متحمس لمشاركة رحلتي في تطوير تطبيق ويب متكامل وغني بالميزات مستوحى من Airbnb. يستفيد هذا المشروع من MongoDB وExpress.js وNode.js لإنشاء منصة ديناميكية وقابلة للتطوير لإدارة القوائم وتفاعلات المستخدم.

التقنيات والحزم المستخدمة

الخلفية

  • MongoDB : قاعدة بيانات NoSQL لتخزين البيانات بشكل مرن وقابل للتطوير.
  • Express.js : إطار تطبيق الويب لـ Node.js، مما يوفر ميزات قوية لتطبيقات الويب والهاتف المحمول.
  • Node.js : وقت تشغيل JavaScript للتطوير من جانب الخادم.

المصادقة

  • Passport.js : برنامج وسيط لمصادقة المستخدم، يدعم الاستراتيجيات المختلفة.
  • Dotenv : إدارة متغيرات البيئة للتكوين الآمن.

تخزين الصور

  • Cloudinary : حل إدارة الصور والفيديو القائم على السحابة.

خرائط

  • Mapbox : منصة للخرائط المخصصة والتجارب القائمة على الموقع.

الواجهة الأمامية

  • EJS : قوالب JavaScript مضمنة لعرض المحتوى الديناميكي.

إدارة الجلسة

  • Connect Flash : برنامج وسيط لرسائل الفلاش.
  • Connect Mongo : متجر جلسة MongoDB لـ Express.js.
  • محلل ملفات تعريف الارتباط : برنامج وسيط لتحليل ملفات تعريف الارتباط.

تصديق

  • Joi : مكتبة للتحقق من صحة البيانات.

نمذجة الكائنات

  • Mongoose : نمذجة كائن MongoDB لـ Node.js.

تحميل الملفات

  • Multer : برنامج وسيط للتعامل مع تحميل الملفات.

الميزات الرئيسية

  • مصادقة المستخدم : قسم تسجيل الدخول والخروج وملف تعريف المستخدم.

  • عمليات CRUD : إضافة القوائم وتحريرها وحذفها.

  • نظام المراجعة : إضافة وحذف التقييمات.

  • إدارة الحساب : تحديث حساب المستخدم وكلمة المرور.

  • أمن بيانات المستخدم : تجزئة كلمة المرور والتشفير.

  • الخرائط التفاعلية : الاستفادة من Mapbox لتصور الموقع.

  • تسجيل الدخول باستخدام Google : قم بالمصادقة باستخدام حساب Google الخاص بك للحصول على تجربة سلسة.

  • تسجيل الدخول باستخدام Facebook : قم بتسجيل الدخول بسهولة باستخدام بيانات اعتماد Facebook الخاصة بك.

  • تسجيل الدخول باستخدام البريد الإلكتروني : تسجيل الدخول بالبريد الإلكتروني التقليدي لراحة المستخدم.

    • العرض المباشر

تحقق من العرض التجريبي المباشر للتطبيق هنا: Render Deployment

شكرًا لك

شكرًا لك على استكشاف Airbnb! ملاحظاتك قيمة. إذا كان لديك أي اقتراحات أو أفكار، فلا تتردد في مشاركتها معنا.

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل