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

Wix استنساخ

استنساخ WIX الوظيفي الكامل الذي تم إنشاؤه في React و Express و MongoDB. لديه وظائف إسقاط السحب ، إدارة الصفحات ، الإعدادات جنبا إلى جنب مع الرسوم المتحركة ، البحث الصور وما إلى ذلك ..

العرض التوضيحي: https://wixclone.onrender.com/

سمات

  • واجهة السحب والإفلات
  • إنشاء موقع متعدد الصفحات
  • البحث عن الصور Pexels ، لذا فإن العثور على الصورة المجانية الصحيحة للالوكيل أمر سهل.
  • له تأثيرات الرسوم المتحركة في ثنائية المليئة والتي يمكن تطبيقها في أي مكان
  • يمكن إنشاء تخطيطات مخصصة
  • ينشئ موقع الويب الذي تم إنشاؤه بواسطة المستخدم لإظهاره على لوحة القيادة الخاصة بهم.
  • تعشيش العناصر ممكن.
  • لوحة الطبقات ذات تأثير التحويم الموضح على العنصر
  • نشر موقع المستخدم على رابط فريد للمستخدم
  • معاينة سريعة الاستجابة للصفحات التي أنشأها المستخدم
  • Google Font Manager ، لإدارة خطوط Google للصفحة في مكان واحد.
  • خيارات تحرير العناصر التفصيلية
  • خيارات تعديل التصميم
  • إعدادات SEO مثل عنوان الصفحة ، الوصف ، Favicon جنبا إلى جنب مع المعاينة. (To be implemented)
  • منشئ التدرجات CSS للخلفية
  • ضابط ارتفاع العنصر
  • صفحة معاينة لمواقع الويب غير المنشورة ، والتي ستظهر فقط معاينة للمستخدم المعتمد.
  • لوحة معلومات إدارة الموقع

كيفية الجري

الواجهة

  1. npm install -y لتثبيت التبعية المطلوبة.
  2. إنشاء ملف .env في الدليل مع التفاصيل التالية.
    REACT_APP_GOOGLE_API_KEY="[Google font API KEY : https://developers.google.com/fonts/docs/developer_api]"
    REACT_APP_PEXELS_API_KEY="[Pexels API key : https://www.pexels.com/api/]"
  3. npm run build لإنشاء نسخة بناء من الواجهة الأمامية.
  4. (إذا كنت ترغب في تعديل الواجهة الأمامية ، فيمكنك npm start الواجهة الأمامية و npm run dev للواجهة الخلفية)

الخلفية

  1. انسخ مجلد البناء الذي تم إنشاؤه في مجلد الواجهة الخلفية.
  2. cd backend/ اذهب في المجلد الخلفي.
  3. npm install -y لتثبيت التبعيات
  4. إنشاء ملف .env في الدليل مع التفاصيل التالية.
    JWT_SECRET=" [RANDOM STRING USED TO CREATE JWT TOKEN ]"
    PORT=8000
    API_DB_NAME="[DATABASE_NAME]"
    API_LOGIN_PERIOD="2d"
    API_MONGO_URI="[ REMOVED FROM THE CODE ]"
    API_MONGO_PASS="[ MONGODB PASSWORD ]"
    API_MONGO_USER="[ MONGO DB NAME ]"
    API_MONGO_LOCATION="[ mongodb for local instance, mongodb+srv for remote "]
  5. npm run dev لتشغيل على آلة محلية. للنشر ، استخدم node ./src/server.js
  6. يجب أن يكون متاحًا على المنفذ 8000.
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل