Contact person: تعديل قالب بـ Bootstrap وربطه بـ API

Phone:Show

Email:Show

Location: London, Egypt

Budget: Recommended by industry experts

Time to start: As soon as possible

Project description:
"أبحث عن مطور واجهات أمامية (Frontend Developer) محترف ومستقل لإجراء تعديلات متقدمة على قالب موقع إلكتروني مبني باستخدام إطار العمل Bootstrap 5. الهدف الأساسي من المشروع هو تخصيص التصميم الحالي للقالب ليتناسب مع هوية علامتنا التجارية ودمج وظائف ديناميكية عن طريق الربط مع API خارجي لجلب وعرض البيانات في أجزاء مختلفة من الموقع.

المشروع يتطلب دقة في تنفيذ التعديلات التصميمية وفهمًا عميقًا لكيفية التعامل مع البيانات المستلمة من ה-API بصيغة JSON.

نطاق العمل (Scope of Work)
تخصيص القالب:

تعديل الألوان، الخطوط، والشعار لتتوافق مع الهوية البصرية للشركة.

إعادة تصميم وتنسيق أقسام محددة في الصفحة الرئيسية (مثل: Header, Footer, Hero Section).

تعديل تصميم الصفحات الداخلية الحالية (مثل: "من نحن"، "اتصل بنا") وإضافة صفحة جديدة بناءً على نفس نمط التصميم.

ربط الموقع مع API:

ربط الموقع مع RESTful API خارجي باستخدام JavaScript (Fetch API أو Axios).

جلب بيانات محددة (مثل: قائمة منتجات، مقالات، بيانات مستخدمين) من الـ API.

عرض البيانات التي تم جلبها بشكل ديناميكي وجذاب في الأماكن المخصصة لها في القالب.

إنشاء وظيفة بحث أو فلترة للبيانات المعروضة من الـ API (إذا تطلب الأمر).

ضمان التجاوب والجودة:

التأكد من أن جميع التعديلات والصفحات الجديدة متجاوبة تمامًا (Fully Responsive) وتعمل بشكل ممتاز على جميع الشاشات (الجوال، التابلت، سطح المكتب).

ضمان أن يكون الكود نظيفًا، منظمًا، وموثقًا بشكل جيد (Well-commented).

الحفاظ على سرعة تحميل الموقع وأدائه العالي بعد إجراء التعديلات.

المهارات المطلوبة
خبرة ممتازة في HTML5, CSS3, JavaScript (ES6+).

إتقان تام لإطار العمل Bootstrap 5 ومكوناته.

خبرة مثبتة في التعامل مع RESTful APIs وتنسيق البيانات JSON.

مهارة في استخدام AJAX (سواء عبر Fetch API, Axios, أو jQuery).

القدرة على كتابة كود نظيف وقابل للصيانة.

اهتمام دقيق بالتفاصيل البصرية وتناسق التصميم.

(يفضل) خبرة سابقة في مشاريع مشابهة (يرجى إرفاق نماذج).

ما سيتم تسليمه
جميع ملفات الكود المصدري للموقع بعد التعديل (HTML, CSS, JS).

شرح موجز أو توثيق بسيط لكيفية عمل الربط مع ה-API في الكود." (client-provided description)