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

evento

evento هو تطبيق ويب تقدمي (PWA) مصمم لتبسيط وتحديث تتبع الحضور للأحداث الجامعية عن طريق استبدال أساليب القلم والورق التقليدية بحل رقمي سريع وفعال.

سمات

  • تطبيق الويب التقدمي (PWA) : يمكن تثبيته على أي جهاز ويمكن الوصول إليه دون الاتصال بالإنترنت، مما يوفر تجربة مستخدم سلسة تشبه التطبيقات الأصلية.
  • مسح رمز الاستجابة السريعة : قم بمسح رموز QR الخاصة بمعرف الطالب بسرعة لتسجيل الحضور على الفور.
  • البيانات في الوقت الحقيقي : تحديثات فورية ومزامنة البيانات للحصول على سجلات حضور دقيقة وحديثة.
  • أدوار المستخدم والأذونات : مستويات وصول مختلفة للمسؤول الرئيسي والمسؤول الثانوي والمسؤولين ذوي الميزات المقيدة لضمان الأمان والإدارة السليمة للبيانات.
  • الإخطارات والتنبيهات : إشعارات مخصصة للأحداث المتعلقة بالحضور والمشكلات المحتملة.
  • تصميم سريع الاستجابة : تصميم سريع الاستجابة لضمان سهولة الاستخدام على أي جهاز، بما في ذلك أجهزة الكمبيوتر المكتبية والأجهزة اللوحية والهواتف الذكية.

لقطات الشاشة

بدون عنوان-2

مونوريبو

تثبيت

لتثبيت واستخدام evento ، اتبع الخطوات التالية:

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

    git clone https://github.com/domsdano/events-attendance.git

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

    evento">
     cd evento

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

    npm install

  4. تشغيل التطبيق : 

    npm start

  5. إنشاء التطبيق للإنتاج : 

    npm run build

  6. نشر التطبيق : اتبع طريقتك المفضلة لنشر التطبيق المدمج على خادم الويب الخاص بك أو خدمة الاستضافة.

الاستخدام

  1. تسجيل الدخول : يقوم المسؤولون والمسؤولون بتسجيل الدخول باستخدام بيانات الاعتماد الخاصة بهم.
  2. مسح رمز الاستجابة السريعة ضوئيًا : استخدم الماسح الضوئي لرمز الاستجابة السريعة المدمج لمسح معرفات الطلاب للحضور.
  3. عرض سجلات الحضور : الوصول إلى بيانات الحضور في الوقت الحقيقي وإدارتها.
  4. الإخطارات : تلقي التنبيهات والإشعارات للأحداث المتعلقة بالحضور.
  5. إدارة المستخدم : إدارة المستخدمين وتعيين الأدوار والأذونات المناسبة.

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

  • رد : لبناء واجهة المستخدم.
  • Tailwind CSS : لتصميم التطبيق.
  • shadcn : للمكونات التي يمكن الوصول إليها.
  • زوستاند : لإدارة الدولة.
  • React Query : لجلب البيانات والتخزين المؤقت.
  • Html5Qrcode : لمسح رمز الاستجابة السريعة.
  • React Toastify : للإشعارات والتنبيهات.
  • TypeScript : من أجل أمان الكتابة وتجربة أفضل للمطورين.
  • Framer Motion : للحصول على رسوم متحركة وانتقالات سلسة.

المساهمة

المساهمات لتحسين evento هي موضع ترحيب! إذا كان لديك أي أفكار أو اقتراحات أو تقارير الأخطاء، يرجى فتح مشكلة أو إرسال طلب سحب.

  1. شوكة المستودع : 

    git fork https://github.com/domsdano/events-attendance.git

  2. إنشاء فرع جديد : 

    git checkout -b feature/your-feature-name

  3. تنفيذ التغييرات الخاصة بك : 

    git commit -m " Add your commit message "

  4. ادفع إلى فرعك : 

    git push origin feature/your-feature-name

  5. فتح طلب سحب : قم بوصف التغييرات التي أجريتها وأرسل طلب سحب للمراجعة.

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