برمجة تطبيق ويب لمسابقة تصويتات

السلام عليكم

نحتاج الى تطوير موقع ويب لمسابقة تصويتات على أشخاص مؤثرين.

مثال: الموقع سيعرض 10 اشخاص مؤثرين ، ويقوم الجمهور بالتصويت على الأكثر تاثيرا .

الصفحات المطلوبة:

للمستخدم العادي:

- تسجيل دخول حساب مستخدم جديد عبر رقم الجوال

- تفعيل الحساب عبر ادخال رمز التفعيل المرسل عبر الرسائل النصية (مع خاصية اعادة ارسال الرمز في حالة انتهاء الزمن المحدد)

- تسجيل خروج للمستخدم

- عرض ملف المستخدم الشخصي مع امكانية تحديث الاسم والصورة الشخصية وعدد النقاط المتاحة للمستخدم

- مشاهدة الصفحة الرئيسية: والتي تحوي عداد وقت التصويت للمسابقة الحالية ، وقائمة المشاهير(المؤثرين) في المسابقة ، و عدد التصويتات الحالية Live voting results وبعض العناصر في الصفحة الرئييسية مثل قائمة المعلنين ، قائمة التواصل ، روابط فيدوهات على يوتيوب.

- امكانية التصويت عبر الضغط على اسم المؤثر ومشاهدة وصف بسيط والصورة الشخصية للمؤثر ، نتيجة التصويت يجب ان تتحدث مباشرة دون اي تدخل من المستخدم Live update

* في حالة كان المستخدم غير مسجل يتم نقله الى صفحة تسجيل الدخول

* مع كل عملية تصويت يتم خصم نقطة من رصيد النقاط المتاح

- امكانية شراء نقاط عبر البطاقة البنكية (الربط مع شركة دفع الكتروني)

* يقوم المستخدم بمشاهدة قائمة الادوات التي يمكن شرائها ، وعند تحديد الأداة يظهر السعر وعدد النقاط)

للمستخدم المؤثر:

- تسجيل حساب جديد عبر ادخال الاسم والصورة الشخصية والوصف والجنس ورقم الجوال

للمستخدم مدير النظام:

- داشبورد لعرض الاحصائيات (عدد المستخدمين ، المؤثرين ، عدد التصويتات ، الاكثر تصويتا ، اخر ٢٠ مستخدم مسجل، اخر ٢٠ مؤثر مسجل)

- عرض قائمة المستخدمين وتفاصيل المستخدم

- عرض قائمة المؤثرين وحالة التسجيل (تحت الإنتظار ، تم الموافقة ، تم الرفض) وتفاصيل المؤثر

- اضافة وتعديل قائمة المعلنين CRUD

- مشاهدة قائمة العمليات البنكية وحالتها

- قائمة التصويتات على المشاهير ، مع امكانية فلترة وترتيب النتائج بحسب المشهور او حسب الاعلى تصويتا او الاحدث .

- عرض قائمة المسابقات مع امكانية الإضافة او التعديل . يجب تحديد بعض الحقول في كل مسابقة مثل وقت البداية والنهاية .

- عرض تفاصيل المسابقة لتحديد قائمة المؤثرين فيها (اضافة او حذف)

- عرض قائمة الادوات المتاحة في المسابقة مع امكانية الاضافة والتعديل . الادوات هي صور وعليها سعر وعدد نقاط .

- التحكم في اعدادات النظام

التفاصيل التقنية /

* يتم توفير Rest APIs من قبل فريقنا

* ال API هي HTTP JSON و WebSocket لتحديث النتيجة بشكل مباشرة (يجب استخدام websocket)

* يمكن استخدام React.js or Vue or Angular

طريقة العمل /

* يجب دخول المطور مع فريق العمل في قناة سلاك او Teams

- سيتم توفير UI mockups

- سيتم توفير Postman لل APIs

- يمكن التواصل مع مطوري الباك اند في حالة وجود اسئلة تقنية

* سيتم توفير سيرفر لرفع العمل ومشاهدته بشكل يومي

* رفع السورس كود على مستودع gitlab الخاص بنا.

قد يكون هناك تحديثات في المرحلة الثانية ، ويفضل وجود المطور للمرحلة الاولى والثانية .