تحويل تصميم Figma إلى صفحة هبوط Landing Page باستخدام React

وصف الخدمة

مرحباً بك!
معك عبدالله محروس، Frontend Developer متخصص في بناء واجهات المستخدم الحديثة. أمتلك خبرة في تحويل التصميمات من Figma إلى أكواد برمجية حية باستخدام مكتبة React.js وإطار عمل Tailwind CSS، مع التركيز على جودة الأداء والمعايير القياسية للـ UI/UX.

التقنيات التي أتقن العمل عليها:

React.js

Tailwind CSS

(Bootstrap( 5

JavaScript (ES6+)

HTML5 & CSS3

Responsive Design (التجاوب الكامل مع كافة الشاشات.

سأقوم ببرمجة قسم واحد فقط (1 Section) من التصميم (مثل الـ Header أو الـ Hero Section) وتحويله من ملف Figma إلى كود React.js و Tailwind CSS / Bootstrap متجاوب ونظيف.

لماذا تختار هذه الخدمة؟

دقة التنفيذ (Pixel Perfect): مطابقة الكود للتصميم الأصلي تماماً.

كود نظيف (Clean Code): كود منظم، سهل القراءة والتعديل مستقبلاً.

الأداء العالي: تحسين استهلاك الموارد لضمان سرعة تحميل فائقة.

التجاوب الكامل: واجهة تعمل بسلاسة على الموبايل، التابلت، والحاسوب.


معرض الأعمال


ما الذي ستستلمه

النظام:

موقع ويب مؤلف من صفحه واحده وهي الصفحه الرئيسيه للموقع(Hero Section)

ملفات المشروع كاملة (Source Code) مكونه من (index.html, style.css, React,javascript)مضغوطه ومنظمة وجاهزة للتشغيل

فيديو تعليمي يشرح طريقة تشغيل الموقع وكيفية استخدامه

دعم مجاني لمدة يومين بعد التسليم للإجابة على الاستفسارات

ضمان خلو الكود من الأخطاء البرمجية (Bugs) عند التسليم

كود نظيف ومنظم ومناسب للتعديل والتطوير مستقبلًا

واجهات متجاوبة تعمل على مختلف الأجهزة

طلب الخدمة

سعر الخدمة
$5.00
تطويرات اختيارية

إضافه Animation إحترافي ب Framer Motion

  • 5 دولار

إضافه صفحات مثل (About) أو(Contact Us)

  • 10 دولار
  • يوم واحد

 زياده عدد الصفحات حتي 5 صفحات

  • 25 دولار
  • يومين

دعم لمده أسبوع + إضافه features جديده

  • 30 دولار

بطاقة الخدمة

طلب الخدمة

سعر الخدمة
$5.00
تطويرات اختيارية

إضافه Animation إحترافي ب Framer Motion

  • 5 دولار

إضافه صفحات مثل (About) أو(Contact Us)

  • 10 دولار
  • يوم واحد

 زياده عدد الصفحات حتي 5 صفحات

  • 25 دولار
  • يومين

دعم لمده أسبوع + إضافه features جديده

  • 30 دولار

بطاقة الخدمة