منصة مهندس القيم – تطوير الواجهة الأمامية (Laravel + React + Inertia + Tailwind CSS)
تفاصيل العمل
أتيحت لي الفرصة للعمل على تطبيق خاص بجمعية مكارم الأخلاق ضمن فريق شركة Five Angles كمطور مستقل.
كانت مهامي تقضي على بناء صفحات من واجهة المستخدم، و قد قمت بتحويل تصاميم الفيقما Figma Design إلى صفحات تفاعلية باستخدام تقنيات React و Tailwind CSS.كما عملت على ربط الواجهة الأمامية بالخلفية عبر Inertia.js ضمن مشروع مبني على Laravel.
قمت بتطوير عدة صفحات و وظائف مخصصة أدكر منها :
- صفحة المحتوى التعليمي : تحتوي على واجهة عرض الدورات مدمج بYoutube، نظام تتبع التقدم، قائمة جانبية تفاعلية، نظام لإضافة محتوى أو أدوات الدرس (ملفات pdf...).
- صفحة قائمة الدورات المسجلة : تتكون من ثلاث أقسام حيث تعرض الكورسات المسجل فيها، و المتممة و التي لا زال يدرسها و بها نظام لتتبع التقدم المرئي.
- صفحة قائمة الدورات التدريبية : نظام البحث المتقدم، فلاتر التصنيف الذكية، بطاقات الدورات التفاعلية، نظام التصفح - pagination للتنقل بين صفحات النتائج.
- صفحة "من نحن" والأسئلة الشائعة : قسم التعريف بالمنصة، بطاقات الخدمات، قسم الأسئلة الشائعة التفاعلي - accordion قابل للطي والتوسع لعرض الإجابات مع تصميم متدرج الألوان.
- كدلك قمت بتطوير صفحة اتصل بنا و صفحات Terms & Policy.
في الصورة الأولى تجدون شهادة تقدير خاصة مقدمة من طرف شركة Five-Angles.
أترك لكم رابط كل صفحة (يجب تسجيل الدخول و التسجيل في الدورة المجانية لتجربة جميع الصفحات و funcitons) :
صفحة المحتوى التعليمي : https://courses.makarem.o...
صفحة قائمة الدورات المسجلة : https://courses.makarem.o...
صفحة قائمة الدورات التدريبية : https://courses.makarem.o...
صفحة "من نحن" : https://courses.makarem.o...
الصفحات الأخرى :