Code Hub E-learning website

المشروع عبارة عن موقع تعليمي باسم Code Hub، فكرته إنه يكون منصة بسيطة تساعد أي حد يبدأ يتعلم برمجة ويلاقي الكورسات أو المسارات المناسبة ليه بسهولة.

أول ما المستخدم يدخل الموقع بيلاقي شريط علوي مرتب فيه اسم المنصة، ومربع بحث عشان يقدر يدور على أي كورس بسرعة، وكمان روابط للأقسام الرئيسية زي Diploma و Tracks و Courses. وفي نفس الشريط موجود أزرار Register و Login علشان المستخدم يعمل حساب جديد أو يدخل على حسابه.

بعد الـ Navbar على طول في جزء ترحيبي كبير (Slider / Hero Section) بيعرض رسالة ترحيب بالمستخدم مع صورة مناسبة لمجال البرمجة، وفيه أسهم يمين وشمال للتنقل بين السلايدر، ومعاها نقاط صغيرة بتوضح عدد الشرائح. الجزء ده معمول علشان يدي شكل جذاب للموقع ويشرح فكرته بشكل سريع.

تحت السلايدر بيظهر قسم What to learn first، وده الهدف منه إنه يوجه المستخدم يبدأ يتعلم إيه الأول بطريقة منظمة. بعده قسم Recommended for you اللي بيعرض محتوى مقترح للمستخدم زي كورسات أو مسارات مناسبة تساعده يختار بسهولة حسب اهتمامه.

الموقع معمول بتقنيات Front-End الأساسية:

HTML لعمل هيكل الصفحات وترتيب الأقسام.

CSS لتنسيق التصميم والألوان والواجهة بشكل جذاب ومتناسق.

JavaScript لإضافة التفاعل في الموقع زي السلايدر والتنقل والبحث وتجربة الاستخدام بشكل عام.

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