منصة تعليمية مع بوت تيليغرام

قمت بإنشاء موقع إلكتروني للتجارة الإلكترونية باستخدام إطار العمل Laravel وعدد من التقنيات الحديثة لتحقيق تجربة مستخدم متكاملة ومميزة. يتميز الموقع بوجود نظام عربة تسوق متكامل لتسهيل عملية الشراء، تدعم الدفع بكل الطرق المتوفرة حاليا في السوق.

لتصميم الواجهة الأمامية، تم استخدام إطار Vue.js لبناء تطبيقات بواجهة واحدة، مع مكتبة jQuery لتسهيل التعامل مع عناصر HTML وCSS والتحكم في الأحداث، بالإضافة إلى Moment.js لإدارة التاريخ والوقت، وSweetAlert2 لتصميم نوافذ تنبيه جميلة وسلسة، وOWL Carousel لإنشاء شرائح متجاوبة، وSwiper لإنشاء شرائح لمسية بأداء متسارع.

كما يدعم الموقع ميزات تفاعل مع وسائل التواصل الاجتماعي عبر Twitter Cards وOpen Graph، ويعتمد على تقنية Progressive Web App (PWA) لتقديم تجربة تطبيق ويب محسنة يمكن استخدامها عبر أي جهاز، مع الحفاظ على الأداء العالي والتثبيتية. للحصول على أمان إضافي، تم استخدام شهادة SSL/TLS من Let’s Encrypt.

لتصميم واجهة المستخدم، تم الاعتماد على Bootstrap لضمان استجابة عالية على الأجهزة المختلفة، مع مكتبة Element UI لإضافة عناصر جاهزة مخصصة لإطار Vue.js، مما يسهل بناء واجهة مستخدم أنيقة وسهلة التفاعل. كما يتضمن الموقع مشغل فيديو VideoJS لدعم الفيديوهات وتقديم تجربة سلسة للمستخدمين.

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