فى المنزل

قمت بتصميم وتطوير موقع تعليمي تفاعلي بعنوان MR.CODE يهدف إلى مساعدة المبرمجين والمبتدئين على التعرف على الأدوات والمنصات الأساسية في عالم البرمجة، بالإضافة إلى تسهيل التسجيل في الدورات من خلال نموذج دفع إلكتروني منسّق وجذاب.

يتكون الموقع من عدة أقسام رئيسية:

الشريط العلوي (Navigation Bar):

يحتوي على شعار الموقع MR.CODE وروابط تنقل مثل:

Home (الرئيسية)

About (من نحن)

Contact (اتصل بنا)

مع أيقونة ملف شخصي أنيقة في الجهة اليمنى.

قسم الأدوات والمنصات (Tools and Platforms):

يعرّف المستخدمين على أهم أدوات المطورين، مع شرح بسيط لكل أداة داخل بطاقة أنيقة، منها:

Visual Studio Code: محرر أكواد قوي وخفيف.

GitHub: منصة لإدارة الإصدارات ومشاركة المشاريع.

GitLab: بديل آمن واحترافي لـ GitHub.

CodePen: محرر أكواد أونلاين لاختبار HTML وCSS وJavaScript.

التصميم يعتمد على تدرجات اللون الأخضر الداكن لإعطاء طابع تقني واحترافي.

صفحة الدفع (Payment Info Page):

تحتوي على نموذج تسجيل للدورات يشمل:

الاسم الكامل

البريد الإلكتروني

رقم الهاتف

اختيار الدورة

طريقة الدفع

مع زر إرسال (Submit) بإضاءة خضراء جذابة وتأثير نيون حديث.

الواجهة والتصميم:

الألوان الأساسية خضراء داكنة ونيونية لإبراز الطابع البرمجي، مع واجهة منظمة وسهلة الاستخدام، تعطي انطباع احترافي وشكل عصري حديث.