موقع مدرسة ابتدائية (مشروع التخرج من اكادمية حسوب)
تفاصيل العمل
موقع الكتروني لمدرسة ابتدائية بحيث يتكون الموقع من :
الصفحة الرئيسية تحتوي على عدة أقسام:
1. في البداية وبعد القائمة العلوية سيكون لدينا carousel يحتوي على 3 صور .
2. القسم الثاني نسميه "نشاطاتنا" حيث نعرض فيه جميع النشاطات التي تقدمها المدرسة، نعرض في البداية أيقونة معبرة عن النشاط وأسفل منها شرح مختصر حول النشاط. في كل سطر يجب عرض نشاطين فقط.
3. القسم الثالث نعرض فيه جميع التلاميذ الموجودين في المدرسة على شكل: في الأعلى صورة شخصية للطالب وبالأسفل منها اسمه وتاريخ ميلاده. يجب إضافة جميع الطلاب بداخل carousel بحيث نستطيع تصفح الطلاب من خلال الأسهم الخاصة بال carousel.
4. القسم الرابع نعرض فيه الطلاب المتفوقين، نسميه "نجوم المدرسة" بحيث يحتوي هذا القسم على طالبين وهما المرتبة الأولى والمرتبة الثانية نعرضهم على الشكل التالي: في الأعلى صورة شخصية للطالب وبالأسفل منها اسمه ومرتبة التفوق الخاصة به وزر أسفل من كل طالب للانتقال إلى صفحة خاصة بهذا الطالب.
5. القسم الرابع هو قسم تواصل معنا فيه رقم الهاتف والعنوان والبريد الإلكتروني وخريطة تشير إلى أحد الشوارع في مدينتك.
أقسام صفحة الطالب المتفوق وهم صفحتين:
1. في البداية يكون لدينا قسم نعرض فيه لمحة عامة حول الطالب، مثلًا الاسم، الكنية، الصف، العمر، الهوايات ...الخ.
2. أسفل من القسم التعريفي يجب إضافة جدول، هذا الجدول يحتوي على علامات الطالب. نكتب اسم المادة التعليمية والعلامة التي حصل عليها من 100.
3. أسفل الجدول يجب إضافة قسم منسق بشكلٍ جميل يحتوي على بعض النصائح لكي تُصبح متفوقًا.
لكل صفحة هبوط ألوان خاصة بها يمكن تعديلها عبر Sass، لاحتمال إضافة طلاب أخرى مستقبلًا.
التقنيات المستعملة في الموقع: Sass, Webpack, Bootstrap, HTML, CSS, JavaScript, jQuery, Git.
أقسام صفحة تسجيل الدخول وصفحة تسجيل حساب جديد:
أيضًا يجب إضافة صفحتين واحدة لتسجيل حساب جديد في الموقع، تحتوي على حقول الإدخال التالية:
1. الاسم.
2. تاريخ الميلاد.
3. البريد الإلكتروني.
4. كلمة المرور.
5. تأكيد كلمة المرور.
بالإضافة إلى زر اسمه "إنشاء حساب جديد" وبجانبه خيار "هل لديك حساب؟" بالضغط عليه ننتقل إلى صفحة الدخول التي تحتوي على:
1. حقل البريد الإلكتروني.
2. حقل كلمة المرور.
3. زر اسمه "تسجيل الدخول".
4. بجانبه خيار "هل نسيت كلمة المرور؟".