markting web - Trial version

تصميم وتطوير واجهة أمامية (Front-End) تفاعلية لموقع تجارة إلكترونية حديث. تم بناء هذا المشروع خصيصاً ليكون "نسخة تجريبية مقيدة" (Trial Version Only)، حيث يستعرض قدرات النظام للمستخدمين مع تقييد الصلاحيات ووضع حد زمني للاستخدام، مما يعكس مهارات متقدمة في التحكم في واجهة المستخدم (UI) وتجربة المستخدم (UX) وإدارة الجلسات (Session Management) باستخدام JavaScript.

أبرز المميزات التقنية:

نظام الصلاحيات المزدوج (Dual Interfaces): يحتوي الموقع على واجهتين منفصلتين بالكامل في نفس الصفحة (Single Page Application):

واجهة المشتري: لتصفح المنتجات بشكل جذاب.

لوحة تحكم المشرف: محمية برمز دخول سري، تستعرض إحصائيات النظام الوهمية بصلاحيات مقيدة (Read-Only).

نظام التجربة المؤقتة (Time-Limited Access):

تمت برمجة الموقع ليُغلق تلقائياً بعد مدة محددة (ساعة واحدة) من بدء الاستخدام، مع ظهور شاشة قفل احترافية تطلب من المستخدم الترقية للنسخة الكاملة، مع حفظ البيانات محلياً (Local Storage) لضمان عدم تجاوز المؤقت الزمني.

تصميم عصري (Modern UI/UX):

الاعتماد على تصميم البطاقات (Card-based Design) مع دمج تأثيرات الزجاج (Glassmorphism) واستخدام تدرجات لونية عصرية (Gradients).

دعم الوضع الليلي (Dark Mode):

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

إشعارات تفاعلية (Toasts & Badges):

تنبيه المستخدم بشكل مستمر بأنه يستخدم "نسخة تجريبية" عبر شارات حمراء (Badges) تفاعلية، واستخدام إشعارات جانبية (Toasts) بدلاً من النوافذ المنبثقة التقليدية المزعجة (Alerts).

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

HTML5 (هيكلة دلالية متوافقة).

CSS3 (متغيرات الألوان، تأثيرات حركية Animations، تصميم متجاوب).

Vanilla JavaScript (منطق التطبيق، التبديل بين الواجهات، العداد الزمني، إدارة الـ Local Storage).

الهدف من المشروع:

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