تصميم وتطوير صفحة تسجيل دخول ثلاثية الأبعاد (3D) بستايل مستقبلي — React + Three.js

? وصف المشروع:

أبحث عن مستقل محترف لديه خبرة قوية في تصميم واجهات المواقع ثلاثية الأبعاد 3D Web للعمل على صفحة تسجيل دخول (Login Page) واحدة فقط، بستايل مستقبلي، ذكي، يعكس الهوية التقنية للنظام.

المطلوب هو إنشاء موديلات 3D باستخدام Blender أو 3ds Max، ثم دمجها في الواجهة باستخدام Three.js أو React Three Fiber، مع برمجة الصفحة بالكامل باستخدام React.js لتكون جاهزة للربط بنظام آخر مبني بـ React.

الأولوية لأصحاب الخبرات السابقة في تصميم مواقع ثلاثية الأبعاد بشكل احترافي وواقعي.

? المطلوب تنفيذه (Scope of Work):

تصميم واجهة صفحة تسجيل دخول فيوتشرستيك / مستقبلية بمؤثرات وتقنيات تُظهر الطابع التقني للنظام.

إنشاء موديلات ثلاثية الأبعاد (3D Models) باستخدام:

Blender أو 3ds Max.

دمج المجسمات داخل الصفحة باستخدام:

Three.js أو React Three Fiber.

برمجة الواجهة كاملة باستخدام React.js مع كتابة كود نظيف، منظم، وقابل للدمج مع مشروع React آخر.

إضافة حركات (Animations) بسيطة واحترافية على العناصر الثلاثية الأبعاد والواجهة.

جعل الصفحة متجاوبة (Responsive) وتعمل بسلاسة على جميع الأجهزة.

الاهتمام بالأداء (Performance Optimization) خاصة للمجسمات والأنيميشن.

إضافة Validation بسيط لحقول الدخول (Email – Password).

إعداد هيكل مشروع منظم (Folder Structure) يسهل دمجه لاحقاً في النظام الرئيسي.

? المطلوب تسليمه (Deliverables):

مشروع React كامل يحتوي على:

جميع Components الخاصة بالواجهة.

إعدادات Three.js أو React Fiber.

الملفات البرمجية اللازمة لتشغيل الصفحة.

ملفات الموديلز ثلاثية الأبعاد بصيغ:

source: مثل .blend أو .max

web optimized: مثل .glb / .gltf

أي ملفات تصميم UI إن تم استخدامها (Figma / XD / Sketch).

ملف README شامل يوضح:

كيفية تشغيل المشروع

كيفية عمل Production Build

نقاط الربط المتوقعة مع النظام الآخر

صور Screenshots للواجهة النهائية.

فيديو قصير (اختياري) يستعرض حركة الأنيميشن والمجسمات.