تحويل تصميم Adobe XD إلى موقع باستخدام Next.js مع ربط API

typescript Restful API Redux scss Next.js جافا سكريبت typescript Restful API Redux scss Next.js جافا سكريبت

* تحويل تصميم Adobe XD إلى موقع باستخدام Next.js مع ربط API *وصف المشروع: نبحث عن مطور/مطورين ذو خبرة في استخدام Next.js لتحويل تصميم Adobe XD إلى موقع إلكتروني تفاعلي ومتجاوب بالكامل. الموقع سيكون شبيهًا بموقع **Airbnb** من حيث هيكلية الصفحات والتفاعل مع المستخدم، حيث يتضمن ميزات تسجيل الدخول، البحث المتقدم، عرض العقارات أو الخدمات، وغيرها. المشروع يتضمن تحويل 35 صفحة وتصميمها باستخدام Next.js، بالإضافة إلى ربط الموقع مع API للحصول على البيانات المطلوبة. سيتم توفير رابط لتصميم الـ XD للعروض المناسبة. تفاصيل المشروع: 1. عدد الصفحات:35 صفحة 2. الهيكلية التقنية: - استخدام Next.js لتطوير الموقع. - CSS/SCSS أو Styled Components لتنسيق الواجهات. - إدارة الحالة باستخدام Context API أو Redux حسب الحاجة. - استخدام Axios أو Fetch لربط الـ API. 3. الربط مع API: - الموقع يجب أن يتفاعل مع API خارجي للحصول على البيانات. - تحديد جميع النقاط التي تتطلب الاتصال بالـ API مثل البحث عن العقارات أو الخدمات، عرض التفاصيل، وحجوزات المستخدمين. 4. ميزات المستخدم: - **تسجيل الدخول/التسجيل:** باستخدام البريد الإلكتروني أو عبر منصات التواصل الاجتماعي (Google, Facebook). - **صفحة الملف الشخصي:** حيث يمكن للمستخدم تعديل بياناته الشخصية، استعراض حجوزاته أو نشاطاته. - **نظام الحجز:** للمستخدمين القدرة على حجز العقارات أو الخدمات. - **نظام التقييم:** للمستخدمين القدرة على تقييم العقارات أو الخدمات. - **البحث المتقدم:** إمكانية البحث عن عقارات أو خدمات باستخدام مجموعة متنوعة من المعايير (الموقع، السعر، المميزات...). 5. **التصميم:** سيتم توفير تصميم Adobe XD مفصل يتضمن جميع العناصر المرئية اللازمة، ويتطلب التنفيذ بما يتناسب مع التصميم وواجهة المستخدم الشبيهة بـ Airbnb. 6. **التجاوب:** الموقع يجب أن يكون متجاوبًا ويعمل بشكل مثالي على جميع الأجهزة (الهواتف الذكية، التابلت، وأجهزة سطح المكتب). 7. **تحسين الأداء:** الاهتمام بتحسين أداء الموقع وسرعة التحميل. 8. **SEO:** يجب أن يكون الموقع متوافقًا مع محركات البحث (SEO). 9. **الخبرة المطلوبة:** - خبرة سابقة في تطوير مواقع مشابهة باستخدام Next.js. - فهم جيد لـ React.js و JavaScript. - خبرة في التعامل مع API. - خبرة في تصميم وتطوير مواقع متجاوبة. - القدرة على تحويل تصميمات Adobe XD إلى صفحات ويب بدقة. **الرجاء تقديم العرض متضمنًا:** 1. أمثلة على أعمال سابقة مشابهة (يفضل مواقع مشابهة لـ Airbnb). 2. الوقت المتوقع لإكمال المشروع. 3. التكلفة الإجمالية لتنفيذ المشروع. 4. الأدوات والتقنيات التي سيتم استخدامها. **ملاحظة:** سيتم مشاركة رابط تصميم Adobe XD مع المطورين الذين يقدمون عروضًا مناسبة وتجربة تتناسب مع احتياجات المشروع. ملاحظة أخرى: يجب استخدام تقنية SSR