تحويل تصميم Adobe XD إلى موقع باستخدام Next.js مع ربط API
تفاصيل المشروع
* تحويل تصميم 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
javascript
xd
**المطلوب استلامه من المطور:**
1. **الموقع النهائي:**
- تحويل كامل لتصميم Adobe XD إلى موقع متجاوب باستخدام Next.js.
- الموقع يجب أن يكون متجاوبًا ويعمل على جميع الأجهزة (الهواتف الذكية، التابلت، وأجهزة سطح المكتب).
- الموقع متكامل مع الـ API، ويتفاعل بشكل سلس لعرض البيانات وتحديثها.
2. **ربط الموقع مع API:**
- تنفيذ عمليات الربط مع API لتوفير الميزات التالية:
- **تسجيل الدخول/التسجيل** (بريد إلكتروني ومنصات التواصل الاجتماعي).
- **البحث المتقدم** عن العقارات أو الخدمات.
- **نظام الحجز**.
- **عرض وتحديث البيانات الشخصية** للمستخدم.
- **نظام التقييم** للعقارات أو الخدمات.
3. **المزايا التفاعلية:**
- صفحات متكاملة وشبيهة بموقع Airbnb، تشمل:
- الصفحة الرئيسية.
- صفحة تفاصيل العقار/الخدمة.
- صفحة الحجز.
- صفحات تسجيل الدخول/التسجيل.
- صفحة الملف الشخصي للمستخدم.
- صفحة البحث المتقدم.
4. **ملفات المشروع:**
- **الكود المصدري الكامل** للموقع باستخدام Next.js.
- **ملفات التنسيق** (CSS/SCSS أو Styled Components).
- **ملفات إدارة الحالة** (إذا تم استخدام Redux أو Context API).
- **ملفات التكوين للـ API** (Axios أو Fetch).
5. **التوثيق:**
- توثيق Inline Code
- اجتماع اونلاين لمدة ساعتين مع مطورينا لشرح المشروع
6. **تحسين الأداء:**
- تحسينات في الأداء وسرعة التحميل للموقع.
- توافق SEO مع محركات البحث.
7. **التسليم النهائي:**
- التأكد من اختبار الموقع بشكل كامل وتوافقه مع جميع المتصفحات والأجهزة.
- تسليم نسخة تشغيلية جاهزة من الموقع بالإضافة إلى الكود المصدري.
صاحب المشروع
Madar S.
| تاريخ التسجيل | |
| معدل التوظيف | |
| المشاريع المفتوحة | 0 |
| مشاريع قيد التنفيذ | 0 |
| التواصلات الجارية | 0 |
العروض المقدمة
Moneer M.
السلام عليكم انا منير مزيد مطور ويب متخصص في اطار العمل React and Next js ذو خبرة عملية ومثبتة. قرات تفاصيل مشروعك واجد في نفسي الخبرة الكافية والمؤهلات للعمل ع...
زياد ح.
السلام عليكم انا زياد مبرمج فرونت اند React.js Next.js لدي العديد من الخبرات و انا اشتغلت علي مشاريع نكست كتير ومعقد واقدر اساعدك نكمل المشروع سوا
Aziz E.
السلام عليكم انا مهندس fullstack متخصص في /Next/Node.js/React.js , يمكنني الاشتغال على مشاريعكم بكل دقة و احترافية و سرعة مع استخدام مختلف ادوات React.. - /RTK/...
محمد ا.
السلام عليكم ورحمة الله بعد قراءة تفاصيل المشروع والأطلاع على كل المؤهلات المطلوبة من المبرمج، يمكنني القول بأنني مناسب للعمل على هذا المشروع، حيث أنني أمتلك خب...
Ahmed A.
السلام عليكم ، معك مهندس احمد مهندس برمجيات متخصص في Frontend (Tailwind CSS React js Next.js) يمكنني مساعدتك في بناء المطلوب بـ احترافية يمكنك التواصل معي لمزيد...
محمد ر.
السلام عليكم , اخي القي نظرة على المشاريع التي قمت بعملها في معرض اعمالي. حسابي على github mohmmedraad مع خالص التحيات و التقدير.
ماهر م.
السلام عليكم ورحمة الله. مرحبا مدار، ان شاء الله تكون بخير. انا ماهر مهندس برمجيات بخبرة ٤ سنوات و خريج كلية الحاسبات و المعلومات جامعة المنصوره و قد عملت علي ع...
معاذ ا.
السلام عليكم ورحمه الله وبركاته، أتمنى أن تكون بخير. أنا معاذ و متحمس للغاية لتقديم طلبي لهذه الفرصة لتحويل تصميمات Adobe XD الخاصة بكم إلى موقع إلكتروني متجاوب...
Abdullah H.
(سعر العرض 800 و قابل للنقاش) السلام عليكم, كونك ذكرت كلمت يبرو و SSR في الاسئلة فانت لديك خلفية قوية في مجال البرمجة وخاصة بالNext وارغب قول اني املك مهارة في ...
Mostafa A.
السلام عليكم ا/ مدار، انا مصطفي احمد Frontend Developer Nextjs TS Tailwind بخبرة اكثر من سنتين و كل تقيماتي 5 نجوم، انا قادر تماما علي إنهاء هذا المشروع بأفضل ش...
Ismail H.
السلام عليكم معك حسين اسماعيل و انا مطور برمجيات متخصص في MERN املك اكثر من خمس سنوات خبرة. يمكنك تصفح معرض الاعمال يسرني ان اخبرك انني المستقل المثالي لهذا الم...
احمد غ.
السلام عليكم جميعا انا احمد software engineer اعمل في اكبر الشركات العالميه مثل servicenow وقمت بالعمل على مشاريع عربيه كثيره منها مشروع لبنك الراجحي السعودي وم...
Taher A.
مرحبا Madar, يمكنني استلام تنفيذ المشروع وتنفيذه باعلي جودة واضافة انميشن للموقع يمكنك الاطلاع علي معرض اعمالي لرؤية بعض المشاريع السابقة. دعنا نجري مقابلة لمدة...
Maha A.
مرحبا, انا مها مطورة فرونت اند React js /Next js لدي خبرة بالمجال تزيد عن 3 سنوات بعد الاطلاع على تفاصيل العمل يمكنني اخبارك انني بالفعل قمت بتعامل مع جيمع التق...
Mohamed H.
السلام عليكم انا مطور واجهات امامية وخلفية وطورت الكثير من المشاريع سابقا باستخدام ال NextJS ويمكنك الاطلاع على معرض اعمالي. استخدم redux و zustand و context ap...
Assem M.
السلام عليكم, أشكركم على إتاحة الفرصة للعمل على تحويل تصميم Adobe XD الخاص بكم إلى موقع تفاعلي باستخدام Next.js. لقد قرأت المتطلبات بعناية وأرى أنني مؤهل تماما ...
Mohamed S.
السلام عليكم. المتطلبات واضحة جدا. يمكنني تقديم نصائح أكثر بخصوص المكتبات التي تسرع وقت التنفيذ بعد رؤية التصميم. إليك كيف سيكون العمل. - العمل سيكون عبر sprint...
احمد ح.
السلام عليكم أنا أحمد، يمكننى تنفيذ طلبك باستخدام Next مع مراعاة ال SEO الخاص بموقعك وكذلك مراعاة ال responsibility لجعل الموقع مناسب لجميع الشاشات وكذلك يمكننى...
Youssef A.
عرض عمل لمشروع Front End المقدمة: أود أن أتقدم بعرضي للعمل على مشروعكم كـمبرمج Front End مستقل، مستخدما خبرتي في Next.js React Angular لإنشاء تطبيق ويب متميز يل...
Haithem S.
مرحبا، أنا SAIDA Haithem، مطور ويب بخبرة واسعة في Next.js ومشاريع مشابهة لتلك التي وصفتموها. يمكنني تحويل تصميم إلى موقع تفاعلي ومتجاوب بالكامل مع جميع الميزات ...
Hussam Aldin M.
السلام عليكم اخي الكريم انا مطور فرونت اند خبرة اكثر من 4 سنوات مختص في React و Next.js قد اطلعت على تفاصيل المشروع و جاهز لبرمجة التصميم و عمل كل اللازم (Respo...
Salem E.
السلام عليكم اخي الكريم انا مطور فرونت اند خبرتي الكبرى مع React و Nextjs ، بعد قراءة تفاصيل العرض يمكنني ان اعمل على المشروع بكفاءة عالية ، وتقديم متابعة سير ا...