موقع أكاديمية تعليمية

مشروع تطوير منصة أكاديمية A to Z Academy – Front-end احترافي

نحن بصدد تطوير منصة تعليمية رقمية متكاملة لأكاديمية A to Z Academy، تستهدف الأطفال من عمر 8 سنوات وحتى طلاب الجامعة والخريجين، لتقديم كورسات تعليمية وتطويرية بأسلوب عصري وممتع، مع التركيز على تجربة مستخدم سلسة وعملية.

ما يقدمه المشروع:

تصميم واجهة Front-end احترافية باستخدام HTML – CSS – Tailwind – JavaScript (ES6)، متوافقة مع الهوية البصرية للبراند، مع تدرجات ألوان وحركات جذابة.

صفحات المستخدم:

Login / Sign Up: تسجيل الدخول وإنشاء حساب جديد بسهولة.

Home Page: الصفحة الرئيسية تحتوي على 5 سكاشن تعرض المحتوى والخدمات بشكل واضح.

Courses Page: عرض الكورسات على شكل بطاقات مع زر "إضافة للسلة"، مع دعم التخزين المؤقت للمنتجات في LocalStorage.

Cart Page: عرض جميع الكورسات المضافة للشراء.

الفئات العمرية والكورسات:

ابتدائي: الطفل العبقري – ICT

إعدادي: بداية – ICT

ثانوي: انطلاقة – برنامج بكالوريا

طلاب الجامعة والخريجين: تحليل البيانات – أوتوميشن – ERP Odoo

برامج Soft Skills: قيمة مضافة للتخلص من التشتت الرقمي، الادمان على الهواتف، وتعزيز التركيز والقدرة على عمل Digital Detox.

خيارات الشراء والاشتراك:

شراء كورسات فردية أو الاشتراك الشهري/السنوي حسب الفئة العمرية.

إمكانية شراء كورس Soft Skills مع أي كورس آخر بخصم 50%.

التقنيات المستخدمة:

Front-end: HTML – CSS – Tailwind – JavaScript (ES6)

Back-end: .NET (لوجيك الاشتراكات والمعاملات)

تصميم عصري ومناسب لكل الفئات العمرية، مع الحفاظ على الهوية البصرية، واستخدام اللوجو في جميع الصفحات، بدون أي صور لفتيات.

دعم رفع السورس كود واستخدام ملف PDF من البراند جايد لتوحيد الهوية.

هيكل ملفات المشروع (Front-end):

index.html → الصفحة الرئيسية (5 سكاشن)

login.html → تسجيل الدخول

signup.html → صفحة التسجيل

courses.html → عرض الكورسات (بطاقات + زر إضافة للسلة)

cart.html → صفحة السلة (عرض جميع الكورسات المضافة)

كل صفحات الموقع الرئيسية تحتوي على 5 سكاشن متناسقة، مع تصميم عصري وحركات سلسة لتجربة مستخدم مريحة وجذابة، مع إمكانية عرض كل الفئات العمرية كواجهة تسويقية خارجية لمن لم يقم بتسجيل الدخول.