اقرأها FE

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

عن
فيديو الشاشة من الموقع
مميزات الموقع
رابط محرك الأقراص
إعداد المشروع
المساهمين

عن

مشروع يحاكي الجزء الأمامي من Reddit.
Reddit هو موقع لتجميع الأخبار الاجتماعية وتقييم المحتوى والمناقشة. يقوم المستخدمون المسجلون (يشار إليهم عادةً باسم "Redditors") بإرسال محتوى إلى الموقع مثل الروابط والمشاركات النصية والصور ومقاطع الفيديو، والتي يتم التصويت عليها بعد ذلك لصالح أو ضد من قبل الأعضاء الآخرين. يتم تنظيم المشاركات حسب الموضوع في لوحات أنشأها المستخدمون تسمى "المجتمعات" أو "subreddits". تظهر المشاركات التي حصلت على عدد أكبر من الأصوات في الجزء العلوي من subreddit الخاصة بها، وإذا حصلت على عدد كافٍ من الأصوات، فستظهر في النهاية على الصفحة الأولى للموقع. يقوم مسؤولو Reddit بإدارة المجتمعات. يتم إجراء الإشراف أيضًا بواسطة مشرفين خاصين بالمجتمع

فيديو الشاشة من الموقع:

أضف تعليق

SW2.mp4

إنشاء مشاركة

SW3.mp4

صفحة المستخدم

SW4.mp4

إعدادات المستخدم

SW5.mp4

الرسائل والإشعارات

SW6.mp4

لوحة المتصدرين وصفحة Subreddit

SW7.mp4

صفحة الاعتدال

SW8.mp4

البحث ومشاركة المشاركة

SW9.mp4

رابط محرك الأقراص:

https://drive.google.com/drive/folders/1hYpEu922aeDHHsKUyx9lVgx0AeykMJJg

ميزات الموقع:

المصادقة
إنشاء وتحديث ومشاركة وحذف المشاركات والتعليقات.
إنشاء جميع أنواع المنشورات (نص، رابط، سحب وإفلات صورة واحدة أو أكثر، سحب وإفلات الفيديو).
التصويت لصالح / التصويت السلبي للمشاركات والتعليقات.
ترابط التعليقات المتداخلة.
خلاصة الصفحة الرئيسية (الصفحة الأولى).
تغذية محددة لـ Subreddit.
إنشاء subreddits.
انضم إلى subreddits.
قم بإضافة الحظر، وكتم الصوت، والموافقة، ودعوة المستخدم ليكون مشرفًا على subreddit الخاص بي.
اقبل دعوة المستخدم ليصبح مشرفًا.
انظر حالة حركة المرور على موقع subreddit الخاص بي.
عرض منشوراتي وتعليقاتي وتاريخي، ... في صفحتي.
تغيير الصورة الرمزية الخاصة بي، وإضافة لافتة.
... وأكثر!

الأوامر الرئيسية لتشغيل المشروع:

إعداد المشروع وتثبيت الحزم

 npm install

يجمع ويعيد التحميل السريع للتطوير

 npm run serve

يقوم بتشغيل المشروع بشكل افتراضي على المنفذ: 8081

يجمع ويصغر للإنتاج

 npm run build

تم العثور على المشروع في مجلد /dist ضمن نفس الدليل بعد الإنشاء

قم بإجراء اختبارات الوحدة الخاصة بك

 npm run test

يقوم هذا الأمر بتشغيل جميع اختبارات الوحدة.

إنشاء تقرير التغطية

 npm run coverage

يقوم هذا الأمر بإنشاء ملف Index.html لتقرير التغطية يتضمن تفاصيل حول جميع المكونات. يمكن العثور على تقرير التغطية الذي تم إنشاؤه في دليل المشروع ضمن /coverage