تصميم وتطوير واجهة أمامية لمتجر إلكتروني متكامل (Market Tech)

نوع العمل:

تطوير واجهة مستخدم أمامية (Frontend) لتطبيق ويب من نوع الصفحة الواحدة (Single Page Application). المشروع عبارة عن لوحة تحكم تفاعلية مخصصة للطلاب لإدارة المهام الدراسية، متابعة الكورسات، والدرجات، مع واجهة عصرية تركز على تجربة المستخدم (UX). التطبيق مبني بهيكلة نظيفة (Clean Code) تجعله جاهزاً للربط المباشر مع أي قواعد بيانات أو واجهات برمجية (RESTful APIs) لتكوين نظام Full-Stack متكامل.

ميزات المشروع:

نظام أمان متقدم (Session Management): برمجة نظام تتبع ذكي لنشاط المستخدم؛ حيث يقوم بإظهار تحذير وتسجيل الخروج تلقائياً في حالة الخمول لحماية بيانات الطالب.

إدارة المهام والكورسات (CRUD Operations): إمكانية إضافة، عرض، تعديل، وحذف المواد الدراسية والمهام (Assignments) بشكل لحظي.

تخزين محلي للبيانات (Data Persistence): الاعتماد على الـ LocalStorage لحفظ كافة الإعدادات والبيانات حتى بعد إعادة تحميل الصفحة.

دعم الوضع المظلم (Dark/Light Mode): نظام Theming متكامل يعتمد على متغيرات الـ CSS لتغيير مظهر التطبيق بالكامل بضغطة زر، مع حفظ تفضيل المستخدم.

تصميم متجاوب 100% (Fully Responsive): واجهة تتكيف تلقائياً مع جميع الشاشات؛ حيث تتحول القائمة الجانبية إلى شريط تنقل سفلي (Bottom Navigation) في الهواتف المحمولة لتجربة تشبه تطبيقات الموبايل.

إحصائيات حية: لوحة تحكم تعرض إحصائيات سريعة ومحدثة مثل متوسط الدرجات، عدد المهام المطلوبة، والمهام المتأخرة.