تعديل واجهات تطبيق React Native لتكون Responsive ومطابقة لتصميم Figma
تفاصيل المشروع
السلام عليكم،
أحتاج إلى مطور React Native لديه خبرة قوية في تعديل الواجهات وتحويل التصاميم إلى تطبيق متجاوب، بحيث يتم تعديل شكل التطبيق الحالي ليطابق تصميم Figma ويعمل بشكل مناسب على الجوال والتابلت.
التطبيق موجود حاليًا، والتعديلات المطلوبة تركز بشكل أساسي على الواجهات والتنسيقات `styles` مثل الأحجام، المسافات، العرض، الطول، ترتيب العناصر، الخطوط، والتجاوب مع أحجام الشاشات المختلفة.
**تفاصيل العمل:**
1. تعديل واجهات التطبيق الحالية لتطابق تصميم Figma من حيث الأحجام، المسافات، الخطوط، الألوان، وترتيب العناصر.
2. جعل الواجهات متجاوبة `responsive` وتعمل بشكل مناسب على الجوال والتابلت.
3. تنفيذ تصميم التابلت بنفس روح تصميم الجوال وبنسبة مطابقة عالية لتصميم Figma.
4. العمل سيكون على Repository موجود في GitHub، وسيتم تزويد المستقل المختار بالكود وتفاصيل التصميم كاملة.
5. المشروع يحتوي على عدة شاشات رئيسية، مع مكونات داخلية متعددة مثل tabs و modals ومكونات متكررة، والمطلوب تعديلها لتكون متجاوبة ومطابقة لتصميم Figma.
**التقنيات المستخدمة:**
- React Native
- GitHub
- Figma
**شروط التنفيذ:**
1. الالتزام بتصميم Figma قدر الإمكان.
2. تنفيذ التعديلات على الكود الحالي بدون تغيير غير ضروري في منطق التطبيق.
3. الالتزام بالتعليمات البرمجية التي سيتم توضيحها لاحقًا، مثل استخدام دوال أو مكونات معينة إن وجدت.
4. قد توجد ملاحظات أو تعديلات بسيطة بعد المراجعة، بشرط أن تكون ضمن نفس نطاق التصميم المطلوب.
**شروط قبول العمل:**
1. الخطوط واضحة وقابلة للقراءة.
2. المسافات بين العناصر متناسقة ومناسبة لحجم الشاشة.
3. لا يوجد نص مقطوع أو مخفي.
4. لا توجد عناصر متداخلة أو خارجة عن حدود الشاشة.
5. التصميم مطابق لملف Figma بدرجة عالية.
6. الواجهات تعمل بشكل جيد على الجوال والتابلت.
**لن يتم قبول العمل في الحالات التالية:**
1. وجود عناصر متداخلة أو مختفية.
2. وجود نصوص مقطوعة أو غير واضحة.
3. اختلاف كبير عن تصميم Figma.
4. عدم دعم التابلت أو ظهور التصميم بشكل غير متناسق على الشاشات الكبيرة.
**مهم:**
الهدف الأساسي من المشروع هو دقة التصميم المتجاوب ومطابقته لتصميم Figma، لذلك سيتم التركيز على التفاصيل مثل المسافات، الأحجام، المحاذاة، والخطوط.
يرجى من كل مستقل يتقدم للمشروع إرفاق أعمال مشابهة، خصوصًا مشاريع React Native فيها دعم واضح للتصميم المتجاوب `responsive` للجوال والتابلت.
**المطلوب تسليمه:**
- الكود المعدل على GitHub
- شرح مختصر للتعديلات المنفذة
- صور أو فيديو قصير يوضح الواجهات بعد التعديل على الجوال والتابلت
يرجى بدء العرض بكلمة: **RESPONSIVE FIGMA** للتأكد من قراءة تفاصيل المشروع كاملة.
صاحب المشروع
عبدالرحمن ا.
| تاريخ التسجيل | |
| معدل التوظيف | |
| المشاريع المفتوحة | 0 |
| مشاريع قيد التنفيذ | 1 |
| التواصلات الجارية | 2 |
العروض المقدمة
Omar N.
Ultra responsive figma السلام عليكم، ارفقت مع العرض اخر اعمالي باستخدام React Native, Expo framework تم استخدام Nativewind لاستخدام Tailwindcss داخل المشروع لضم...
هاجر ع.
RESPONSIVE FIGMA مرحبا، إذا كان المطلوب ليس مجرد تعديل بعض الـ styles، بل تحويل التطبيق الحالي إلى واجهات احترافية مطابقة لتصميم Figma وتعمل بسلاسة على جميع الم...
Shaimaa Y.
RESPONSIVE FIGMA السلام عليكم أستاذ عبدالرحمن، واضح جدا من تفاصيل المشروع إنك مهتم بجودة الـ UI/UX والتفاصيل الدقيقة الخاصة بالـ responsive design، وده بالضبط ا...
Ahmed A.
RESPONSIVE FIGMA أنا أحمد عبد المطلع، مطور React Native ولدي خبرة قوية في تحويل تصاميم Figma إلى تطبيقات متجاوبة بدقة عالية، مع اهتمام كبير بالتفاصيل الخاصة بال...
Muhammad M.
مرحبا، اطلعت على تفاصيل المشروع وأرى أنه مناسب جدا لخبرتي في React Native وExpo وتحويل تصاميم Figma إلى تطبيقات احترافية وعملية. لدي خبرة تزيد عن 6 سنوات في تطو...
Maha A.
RESPONSIVE FIGMA مع خبرة عملية في تطوير وبناء أكثر من 14 تطبيقا متكاملا، أدرك جيدا أن الفرق بين التطبيق العادي والتطبيق الاحترافي يكمن في التفاصيل. لقد قرأت متط...
Abdelaziz S.
RESPONSIVE FIGMA وعليكم السلام ورحمة الله وبركاته، اطلعت على تفاصيل المشروع بعناية، وفهمت أن المطلوب ليس تطوير خصائص جديدة، بل تعديل واجهات تطبيق React Native ا...
Ali E.
RESPONSIVE FIGMA أهلا بك يا هندسة، بصفتك مهندس برمجيات، سأدخل في التفاصيل التقنية مباشرة. التحدي الأكبر في تعديل تطبيق (React Native) قائم ليصبح متجاوبا (Respon...
Filopateer S.
أهلا عبدالرحمن، الشغلانة بسيطة وواضحة، وهي تحويل تصميم Figma إلى React Native responsive بشكل دقيق على الموبايل والتابلت. هتبع في التنفيذ Approach قائم على Flex...
Kamal A.
RESPONSIVE FIGMA عليكم السلام اخى عبدالرحمن انا مطور رياكت نيتف متخصص ف تحويل تصاميم فيجما الى ابليكيشن جاهز تقدر تطلع على المشاريع الخاصة بى ف معرض اعمالى وبها...
Mustafa M.
RESPONSIVE FIGMA في تطبيقات React Native، التحدي الحقيقي ليس فقط تعديل الـ styles، بل الوصول لواجهة متجاوبة تحافظ على نفس جودة وتجربة تصميم Figma على جميع أحجام...
عصام م.
RESPONSIVE FIGMA وعليكم السلام، أنا مطور React Native عندي خبرة في تحويل تصاميم Figma إلى واجهات دقيقة ومتجاوبة على مختلف أحجام الشاشات، خصوصا الجوال والتابلت. ...
Mahmoud A.
سلام عليكم مهندس عبد الرحمن اتواصل معايا بعد ما تبص ع الموقع الخاص بي وتشوف شغلي نتفق علي كل حاجه سوا ان شاء الله RESPONSIVE FIGMA مساء الخير، أنا شغال React Na...
عبد الله ا.
RESPONSIVE FIGMA السلام عليكم ورحمة الله وبركاته، معك عبد الله الهاشمي، مطور تطبيقات محمول متخصص في React Native وAndroid Native. لقد قرأت تفاصيل مشروعك بدقة، و...
Aasem E.
RESPONSIVE FIGMA مرحبا عزيزي ،، يمكنني تحويل تصاميم الشاشات الي تكويد متجاوب مع كامل الشاشات ان شاء الله .. ويمكنني تنفيذ تجربة شاشة واحدة قبل البدأ للتأكد من ج...
Ahmed A.
السلام عليكم م عبد الرحمن RESPONSIVE FIGMA قرأت التفاصيل اللى حضرتك ذكرتها عن مشاكل التنسيق (styling) و التجاوب (responsiveness) فى التطبيق وأستطيع حلها بإذن ال...
محمد طاهر خان ن.
تصميم متجاوب باستخدام Figma كيف حالك لقد راجعت متطلبات مشروعك بدقة، وأنا على ثقة من قدرتي على مساعدتك في تحديث واجهات تطبيق React Native الحالية لتتوافق تماما م...