هل لديك تصميم Figma أو Adobe XD وتريد تحويله إلى موقع احترافي؟
سأقوم بتحويل التصميم الخاص بك إلى واجهة ويب احترافية باستخدام React.js مع الاهتمام بجودة الكود وسرعة الأداء وتجربة المستخدم.
الخدمة تشمل:
• تحويل صفحة واحدة (Landing Page) من Figma أو XD إلى React.js.
• بحد أقصى 5 أقسام داخل الصفحة (Header، Hero، About، Services، Contact).
• صفحة متجاوبة مع الجوال والتابلت والكمبيوتر.
• تضمين النماذج البسيطة (Contact Forms) بدون ربط Backend.
• استخدام React Components منظمة وقابلة لإعادة الاستخدام.
الخدمة الأساسية لا تشمل:
• إنشاء تصميم Figma أو XD من الصفر.
• ربط API أو Backend.
• لوحة تحكم (Dashboard).
• نظام تسجيل الدخول والتسجيل.
• الصفحات الإضافية.
• رفع المشروع على الاستضافة.
الملفات التي سيتم تسليمها:
• ملفات المشروع كاملة بصيغة ZIP.
• جميع ملفات React Source Code.
• ملف README يوضح طريقة تشغيل المشروع.
التقنيات المستخدمة:
React.js - JavaScript - HTML - CSS- Tailwind
سأقوم بتحويل التصميم إلى واجهة React مطابقة قدر الإمكان للتصميم الأصلي من حيث الألوان، المسافات، الخطوط، والحركة، مع مراعاة التفاصيل الصغيرة لضمان نفس تجربة المستخدم التي تم تصميمها في Figma أو XD.
سيكون الموقع متجاوب بالكامل ليعمل بشكل ممتاز على الهاتف، التابلت، والكمبيوتر، مع تحسين تجربة الاستخدام على جميع أحجام الشاشات بدون أي مشاكل في التصميم.
سيتم بناء المشروع بطريقة احترافية تعتمد على تقسيم واضح للمكونات (Components) والصفحات (Pages)، مما يجعل الكود سهل الفهم والتعديل لاحقًا سواء لك أو لأي مطور آخر.
ستحصل على مشروع كامل يمكنك تشغيله مباشرة على جهازك أو رفعه على الاستضافة بدون أي إعدادات معقدة.
سيكون الكود منظم داخل ملفات واضحة (Components / Pages / Services) مع تسمية واضحة تسهّل عليك فهم المشروع وتطويره لاحقًا.
بعد تسليم المشروع، سأكون متاحًا للإجابة عن أي استفسارات بسيطة أو إصلاح مشاكل صغيرة متعلقة بالمشروع خلال فترة دعم محدودة.
• جميع ملفات المصدر بصيغة ZIP.
• ملف README لتشغيل المشروع.
• هيكلة منظمة للمجلدات والملفات.
• نسخة متجاوبة تعمل على الجوال والكمبيوتر
قسم اضافي
5.00
|
|
صفحة اضافية
10.00
|
|
ربط API
20.00
|
قسم اضافي
5.00
|
|
صفحة اضافية
10.00
|
|
ربط API
20.00
|