الصفحة الرئيسية>PHP كود المصدر>فئات أخرى
تنزيل



سفراء تعلم مايكروسوفت للطلاب - AIMT

إن نادي Microsoft Learn Student Ambassadors AIMT هو مبادرة يقودها الطلاب وينسقها المجتمع تحت قيادة أشيش أوجوال ، قائد النادي. يعد هذا النادي مجتمعًا مبتكرًا وجذابًا حيث يمكن للطلاب المشاركة في العديد من الأنشطة الفنية والمرحة، بما في ذلك:

  • تنظيم الأحداث
  • استضافة الأنشطة الترفيهية
  • تشغيل التحديات الفنية

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

مميزات المشروع

1. لوحة الأحداث

تنظيم الأحداث وإدارتها والمشاركة فيها بسهولة. يمكن للمستخدمين التصفح والتسجيل والحصول على تفاصيل حول أحداث النادي القادمة.

2. لوحة المدونة

لوحة مدونة ممكّنة بالكامل لـ CRUD حيث يمكن للمستخدمين والمسؤولين إنشاء المدونات وقراءتها وتحديثها وحذفها.

3. لوحة الإدارة

إدارة جميع المستخدمين والأحداث والمدونات من لوحة الإدارة المركزية. يتمتع المسؤولون بالتحكم الكامل في النظام الأساسي، بما في ذلك إرسال الرسائل الإخبارية والإشراف على نشاط المستخدم.

4. ؟ تكامل Nodemailer

إشعارات البريد الإلكتروني السلسة عبر Nodemailer . يتم إخطار المستخدمين بشأن تسجيل الأحداث وتحديثات المدونة والأنشطة الأخرى عبر رسائل البريد الإلكتروني.

5. ؟ مصادقة JWT والترخيص

مصادقة مستخدم آمنة وموثوقة باستخدام JSON Web Tokens (JWT) . تتم إدارة الأدوار والأذونات للمستخدمين والمسؤولين ومديري الأحداث.

6. ؟ المقبس.io الاتصالات في الوقت الحقيقي

يتيح الاتصال في الوقت الفعلي مع المقبس.io تفاعلًا ديناميكيًا وجذابًا بين المستخدمين أثناء الأحداث المباشرة والمحادثات.

تم نشر الموقع على Azure

يتم نشر النظام الأساسي بأكمله واستضافته على Azure، مما يضمن أداءً سريعًا وقابلاً للتطوير.

؟ فيديو المشروع

شاهد العرض التوضيحي للمشروع والفيديو التفصيلي:

؟ التقنيات المستخدمة

تم بناء هذا المشروع على MERN Stack مع ميزات إضافية لخدمات البريد الإلكتروني والتفاعل في الوقت الحقيقي.

  • الواجهة الأمامية: React.js (مع واجهة المستخدم Chakra لتصميم جميل وسريع الاستجابة)
  • الواجهة الخلفية: Node.js، Express.js
  • قاعدة البيانات: MongoDB (ممكّنة بالكامل لـ CRUD)
  • المصادقة: JWT (رمز ويب JSON)
  • خدمة البريد الإلكتروني: Nodemailer
  • الاتصال في الوقت الحقيقي: المقبس.io
  • الاستضافة والنشر: تطبيقات الويب الثابتة من Azure، وخدمة تطبيقات Azure

؟ هيكل قاعدة البيانات (MongoDB)

  1. مجموعة المستخدمين :
    يخزن معلومات المستخدم، بما في ذلك الأدوار (المسؤول والمستخدم)، ورموز المصادقة، وبيانات الملف الشخصي.

  2. مجموعة الأحداث :
    يخزن جميع البيانات المتعلقة بالحدث بما في ذلك تفاصيل الحدث والمستخدمين المسجلين ومنظمي الحدث.

  3. مجموعة المدونات :
    مجموعة من جميع المدونات التي أنشأها المستخدمون، بالإضافة إلى الطوابع الزمنية والفئات وتفاصيل التأليف.

؟ المصادقة والترخيص 

 This project uses JWT for user authentication and role-based authorization. The following user roles are supported:

1. Admin:
Full access to all resources including events, users, and blogs.

2. Event Manager:
Limited access to manage events and moderate related user activities.

3. User:
Can register for events, read blogs, and contribute by writing blog posts.

؟ إعداد Nodemailer

لإعداد إشعارات البريد الإلكتروني، تم دمج خدمة Nodemailer. يمكنك تكوين البريد الإلكتروني للمرسل في ملف .env كما هو موضح في قسم الإعداد المحلي.

لوحة تحكم المشرف

تسمح لك لوحة الإدارة بما يلي:

  • عرض وإدارة كافة المستخدمين
  • الأحداث والمدونات المعتدلة
  • إرسال رسائل إخبارية إلى المجتمع
  • تتبع سجلات نشاط المستخدم

؟ التفاعل في الوقت الحقيقي مع المقبس.io

يتضمن هذا المشروع ميزة الدردشة في الوقت الفعلي باستخدام Jack.io. يمكن للمستخدمين التفاعل أثناء الأحداث ونشر التعليقات المباشرة والمشاركة في المناقشات في الوقت الفعلي.

؟ التحسينات المستقبلية

في الإصدارات المستقبلية، نهدف إلى إضافة المزيد من الميزات مثل:

  • إشعارات المستخدم: دفع الإشعارات لتحديثات الأحداث ومنشورات المدونة والإعلانات الأخرى.
  • تحليلات الأحداث: تقارير مفصلة عن المشاركة في الأحداث وتفاعل المستخدمين.
  • عناصر التحكم الإدارية المتقدمة: ميزات الإشراف المحسنة والتقارير الآلية.

الإعداد المحلي

لتشغيل المشروع محلياً، اتبع الخطوات التالية:

  1. استنساخ المستودع 

    git clone https://github.com/AshishUjjwal/Microsoft-LSA-AIMT.git

  2. انتقل إلى دليل المشروع 

     cd Microsoft-LSA-AIMT

  3. تثبيت التبعيات 

    npm install
cd client
npm install

  4. إعداد متغيرات البيئة

    قم بإنشاء ملف .env في الدليل الجذر وأضف المتغيرات التالية: 

    MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret_key
[email protected]
EMAIL_PASS=your_email_password

  5. تشغيل التطبيق لتشغيل الخادم والعميل: 

    npm run dev

  6. الوصول إلى التطبيق افتح المتصفح الخاص بك وانتقل إلى http://localhost:3000.

؟ الإنجازات

لقد كان هذا المشروع جزءًا مهمًا من برنامج Microsoft Learn Student Ambassadors. إنه مصمم لتعزيز بناء المجتمع والتعاون بين الطلاب والمهنيين على حدٍ سواء.

‍ مشرف المشروع:

أشيش أوجوال - قائد النادي ومشرف المشروع

لا تتردد في التواصل على:

  • جيثب : https://github.com/AshishUjjwal
  • لينكد إن: https://www.linkedin.com/in/ashish-ujjwal-a9bb03228/

؟؟ المساهمة

نحن نرحب بالمساهمات من المجتمع! إذا كنت ترغب في المساهمة:

  1. شوكة المستودع.
  2. قم بإنشاء فرع جديد (git checkout -b feature/your-feature-name).
  3. تنفيذ التغييرات الخاصة بك (git الالتزام -m "إضافة ميزة جديدة").
  4. ادفع إلى الفرع (ميزة git Push Origin/اسم الميزة الخاصة بك).
  5. افتح طلب السحب.

لمزيد من التفاصيل، يرجى قراءة إرشادات المساهمة.

؟؟ رخصة 

 This project is licensed under the MIT License - see the LICENSE file for details.
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل