مرحباً بك!
معك عمر مصطفى، Frontend Developer متخصص في بناء واجهات المستخدم الحديثة. أمتلك خبرة في تحويل التصميمات من Figma أو PSD إلى أكواد برمجية حية باستخدام مكتبة React.js وإطار عمل Tailwind CSS، مع التركيز على جودة الأداء والمعايير القياسية للـ UI/UX.
التقنيات التي أتقن العمل عليها:
React.js
Tailwind CSS (Utility-first styling)
JavaScript (ES6+)
HTML5 & CSS3
Responsive Design (التجاوب الكامل مع كافة الشاشات.
سأقوم ببرمجة قسم واحد فقط (1 Section) من التصميم (مثل الـ Header أو الـ Hero Section) وتحويله من ملف Figma أو PSD إلى كود React.js و Tailwind CSS متجاوب ونظيف.
لماذا تختار هذه الخدمة؟
دقة التنفيذ (Pixel Perfect): مطابقة الكود للتصميم الأصلي تماماً.
كود نظيف (Clean Code): كود منظم، سهل القراءة والتعديل مستقبلاً.
الأداء العالي: تحسين استهلاك الموارد لضمان سرعة تحميل فائقة.
التجاوب الكامل: واجهة تعمل بسلاسة على الموبايل، التابلت، والحاسوب.
مكونات React برمجية منظمة (Modular Components).
برمجة قسم واحد (Section) من صفحة واحدة.
ستحصل على ملف مضغوط (ZIP) يحتوي على السورس كود (Source Code) كاملاً، مع ملف README يشرح طريقة تشغيل المشروع باستخدام أوامر npm.
ضمان خلو الكود من الأخطاء البرمجية (Bug-free) وتوافقه مع المتصفحات الحديثة.
برمجة صفحة هبوط كاملة (حتى 5 أقسام) متجاوبة
15.00
|
|
إضافة صفحات فرعية أخرى للموقع (مثل صفحة اتصل بنا أو سياسة الخصوصية)
10.00
|
|
ربط الصفحة ب API أو إضافة نموذج اتصال (Contact Form) يعمل برمجيا لتلقي الرسائل
10.00
|
|
إضافة أنيميشن وتفاعلات متقدمة (Framer Motion)
5.00
|
|
تحسين أداء الصفحة وسرعة الأرشفة (SEO & Performance) ل React
5.00
|
برمجة صفحة هبوط كاملة (حتى 5 أقسام) متجاوبة
15.00
|
|
إضافة صفحات فرعية أخرى للموقع (مثل صفحة اتصل بنا أو سياسة الخصوصية)
10.00
|
|
ربط الصفحة ب API أو إضافة نموذج اتصال (Contact Form) يعمل برمجيا لتلقي الرسائل
10.00
|
|
إضافة أنيميشن وتفاعلات متقدمة (Framer Motion)
5.00
|
|
تحسين أداء الصفحة وسرعة الأرشفة (SEO & Performance) ل React
5.00
|