مبرمج Full Stack (Frontend + Backend) لتحويل تصميم Figma إلى موقع ناجح Laravel

SQL PHP HTML Front End Back End تصميم قواعد البيانات CSS3 React vuejs جافا سكريبت Docker لارافيل Nginx SQL PHP HTML Front End Back End تصميم قواعد البيانات CSS3 React vuejs جافا سكريبت Docker لارافيل Nginx

نبحث عن مبرمج متخصص لتطوير موقع إلكتروني شامل بناءً على تصميم **Figma** الذي يتكون من 50 صفحة. نحتاج إلى تنفيذ كل من **الواجهة الأمامية (Frontend)**، **الواجهة الخلفية (Backend)**، و**قاعدة البيانات**، بحيث يتم رفع الموقع وتشغيله بنجاح بدون أي مشاكل أو أخطاء. #### **تفاصيل المشروع:** - **عدد صفحات التصميم**: 50 صفحة مصممة بالكامل في Figma. - **عدد المستخدمين الأساسيين للمنصة**: 1. **الأفراد والأعمال**: أصحاب المشاريع 2. **مزودو الخدمة**: شركات يقدمون عروض الأسعار. 3. **المدير (Admin)**: يقوم بمراجعة واعتماد المشاريع قبل طرحها للمزودين. 4. **سوبر أدمن (Super Admin)**: يدير كافة العمليات في المنصة. #### **المهام المطلوبة:** 1. **تطوير الفرونت اند (Frontend)**: - تحويل صفحات **Figma** إلى **HTML/CSS/JavaScript** بشكل كامل. - التأكد من أن التصميم متجاوب (Responsive) ويعمل بكفاءة على مختلف الأجهزة. - استخدام أحدث الأدوات وأطر العمل مثل **Vue.js** أو **React.js** إذا لزم الأمر. 2. **تطوير الباك اند (Backend) باستخدام Laravel**: - بناء نظام المستخدمين، وتسجيل الدخول، وإدارة الحسابات. - إضافة خاصية **التحقق الثنائي (Two-Factor Authentication)** عبر إرسال رمز إلى البريد الإلكتروني عند تسجيل الدخول لضمان الأمان. - برمجة جميع الوظائف المرتبطة بالتفاعل بين المستخدمين (مثل إشعارات البريد الإلكتروني عند طرح المشاريع أو تقديم العروض). - إنشاء واجهات برمجية (API) لتسهيل التواصل بين الواجهة الأمامية والخلفية. 3. **إدارة الاستفسارات بين مزودي الخدمة وأصحاب المشاريع**: - إضافة ميزة تمكن مزودي الخدمة من طرح استفسارات حول المشاريع. - تمكين أصحاب المشاريع من الرد على هذه الاستفسارات بشكل مباشر عبر النظام. 4. **إدارة الإشعارات داخل الموقع**: - إضافة نظام إشعارات داخلي يظهر لكل مستخدم إشعارات مثل عروض جديدة، استفسارات، أو تحديثات المشاريع. 5. **تصميم وتطوير قاعدة البيانات (Database)**: - تصميم وإعداد قاعدة البيانات باستخدام **MySQL** أو أي قاعدة بيانات مناسبة. - تنظيم البيانات لضمان الأداء الأمثل مع إدارة العلاقات بين الجداول. 6. **لوحات التحكم المخصصة**: - تطوير لوحات تحكم منفصلة لكل من المستخدمين (الأفراد/الأعمال، مزودو الخدمة، المدير، السوبر أدمن) بناءً على الأدوار المختلفة. 7. **إدارة العروض والتقييمات**: - برمجة نظام عرض الأسعار من قبل مزودي الخدمة، وتمكين أصحاب المشاريع من قبول أو رفض العروض وتقييمها. 8. **النشر (Deployment) وإعداد الخوادم**: - رفع المشروع على الخادم (server) مع إعداد البيئة المناسبة لتشغيل Laravel (Apache/Nginx، PHP، MySQL). - إعداد شهادة SSL لتأمين الموقع. - تهيئة النظام لإرسال إشعارات البريد الإلكتروني أو الرسائل النصية. 9. **الأمان واختبار الأداء**: - تطبيق أعلى معايير الأمان لحماية بيانات المستخدمين. - اختبار الأداء وتحسين سرعة الموقع وتجربة المستخدم. #### **نطاق العمل والمسؤوليات الإضافية**: - في حال ظهور أي تفاصيل إضافية متعلقة بالوظائف أو الصفحات التي تم تصميمها أو إذا تبينت أي نقاط غير مغطاة بشكل واضح في التصميم، يتحمل المبرمج مسؤولية استكمالها ودمجها داخل نطاق عمله بدون تكاليف إضافية. من المتوقع أن يتم تقديم الموقع بدون أخطاء أو مشاكل تقنية. - المبرمج مسؤول أيضًا عن إجراء اختبارات لضمان جودة العمل، بما في ذلك **اختبارات الأمان**، **اختبارات الأداء**، و**اختبارات توافق المنصات المختلفة** (أجهزة الكمبيوتر، الهواتف المحمولة، المتصفحات). #### **المتطلبات التقنية**: - خبرة واسعة في تطوير **Full Stack** باستخدام **Laravel** و**JavaScript frameworks**. - خبرة في تحويل تصميمات **Figma** إلى مواقع فعلية باستخدام تقنيات **HTML/CSS/JavaScript**. - مهارات قوية في تصميم وتطوير قواعد البيانات. - القدرة على اختبار وتأمين الموقع ضد الثغرات الأمنية. #### **الميزانية والجدول الزمني**: - نرجو من المستقلين تقديم عرض يحتوي على تقدير للوقت والتكلفة المطلوبة لتنفيذ المشروع بالكامل. --- ### **للتقديم**: يرجى إرسال نماذج سابقة من الأعمال مع توضيح كيفية التعامل مع متطلبات المشروع. ### **مخرجات المشروع المطلوبة من المبرمج** 1. **الواجهة الأمامية (Frontend):** - **كود HTML/CSS/JavaScript** لجميع صفحات التصميم، مع تضمين **ملفات مصدرية**. - **الملفات الثابتة** (مثل الصور، الخطوط، والأيقونات) المرتبطة بالتصميم. - **التوثيق** حول كيفية استخدام وتعديل الواجهة الأمامية إذا لزم الأمر. 2. **الواجهة الخلفية (Backend):** - **كود الباك اند** المبني باستخدام **Laravel**، بما في ذلك جميع الموديلات، المتحكمات، والواجهات البرمجية (APIs). - **ملفات إعداد Laravel**، بما في ذلك **ملف البيئة (Environment)** و**الملفات الخاصة بالإعدادات**. - **التوثيق** حول كيفية إعداد وتكوين بيئة العمل، بما في ذلك كيفية إعداد قاعدة البيانات، إعدادات البريد الإلكتروني، وأي إعدادات خاصة أخرى. 3. **قاعدة البيانات (Database):** - **مخطط قاعدة البيانات** (Database Schema) مع **الملفات النصية** التي تحتوي على تعليمات لإنشاء الجداول. - **ملف تهيئة البيانات الأولية** (Migration Files) إذا لزم الأمر. - **نسخة احتياطية من قاعدة البيانات** تحتوي على البيانات الأساسية التي تم إدخالها أثناء التطوير. 4. **النظام والوظائف:** - **شفرة المصدر** للمميزات والوظائف المتكاملة في النظام. - **وثائق الوظائف** توضح كيفية عمل كل ميزة ووظيفة في النظام. 5. **اختبارات الأداء والأمان:** - **تقارير اختبار الأداء** تتضمن نتائج **اختبارات التحميل** و**اختبارات سرعة الموقع**. - **تقارير اختبارات الأمان** توضح أي **ثغرات أمنية** تم اكتشافها وكيفية معالجتها. 6. **التوثيق والإرشادات:** - **دليل مستخدم** يشرح كيفية استخدام النظام من منظور المستخدم النهائي. - **دليل إداري** يشرح كيفية إدارة النظام وإعدادات الخلفية. - **وثائق البرمجة** التي تشرح الكود المصدري والهيكلية. - **تعليمات نشر المشروع** تتضمن خطوات رفع الموقع على الخادم وإعداد البيئة. 7. **الصيانة والدعم:** - **خطة الصيانة** توضح كيف يمكن التعامل مع أي مشاكل أو تحديثات مستقبلية. - **دعم فني** لفترة معينة بعد تسليم المشروع لضمان معالجة أي مشاكل قد تظهر. **المهارات المطلوبة للمبرمج:** 1. **تطوير الواجهة الأمامية (Frontend):** - **HTML5** و**CSS3**: لبناء وتنسيق صفحات الويب. - **JavaScript**: للتفاعل والتخصيص الديناميكي. - **إطارات العمل** مثل **Vue.js**، **React.js** أو **Angular**: لتطوير الواجهات التفاعلية. - **تصميم استجابة** (Responsive Design): لضمان توافق التصميم مع جميع الأجهزة. 2. **تطوير الواجهة الخلفية (Backend):** - **Laravel**: لتطوير الواجهة الخلفية، بما في ذلك إنشاء واجهات برمجية (APIs) وإدارة قواعد البيانات. - **PHP**: اللغة الأساسية التي تعتمد عليها Laravel. - **أنظمة إدارة قواعد البيانات** مثل **MySQL**: لتصميم وإدارة قواعد البيانات. - **أنظمة التحقق الثنائي** (Two-Factor Authentication): لتنفيذ أمان تسجيل الدخول. 3. **إدارة قواعد البيانات (Database Management):** - **تخطيط وتصميم قواعد البيانات**: إنشاء الجداول والعلاقات. - **كتابة استعلامات SQL**: لإدارة البيانات واسترجاعها. 4. **النشر وإعداد الخوادم (Deployment & Server Setup):** - **إعداد بيئة Laravel**: بما في ذلك **Apache/Nginx**، **PHP**، و**MySQL**. - **إعداد SSL**: لتأمين الموقع. - **أدوات النشر**: مثل **Docker** أو **CI/CD**. 5. **الأمان (Security):** - **ممارسات الأمان**: حماية الموقع من الثغرات الأمنية. - **اختبارات الأمان**: لاكتشاف ومعالجة الثغرات. 6. **التوثيق والتواصل (Documentation & Communication):** - **كتابة الوثائق**: توضيح كيفية استخدام النظام وصيانته. - **التواصل الفعّال**: لمناقشة المتطلبات والتحديثات مع الفريق. ### **سنوات الخبرة المطلوبة:** - **تطوير الواجهة الأمامية (Frontend):** 3-5 سنوات من الخبرة في استخدام HTML/CSS/JavaScript وأطر العمل الحديثة مثل Vue.js أو React.js. - **تطوير الواجهة الخلفية (Backend) باستخدام Laravel:** 3-5 سنوات من الخبرة في تطوير تطبيقات باستخدام Laravel وPHP. - **إدارة قواعد البيانات:** 3-5 سنوات من الخبرة في تصميم وإدارة قواعد البيانات باستخدام MySQL أو ما يعادلها. - **النشر وإعداد الخوادم:** 2-3 سنوات من الخبرة في نشر وتكوين بيئات الويب وإدارة الخوادم. - **الأمان:** سنتين إلى ثلاث سنوات من الخبرة في تطبيق ممارسات الأمان واختبارات الأمان.