قمت بتحويل تصميم Figma إلى تطبيق ويب احترافي لمنصة Learn، وهي منصة تنشر الدورات التعليمية حيث يمكن للعملاء تصفح الدورات والمحتوى، لكن عملية الدفع تتم في المقر الرئيسي للمؤسسة قبل الحصول على الوصول الكامل للدورة.
مكونات المشروع:
صفحات رئيسية:
الصفحة الرئيسية (Landing Page) – تصميم جذاب يعكس هوية المنصة.
من نحن (About Page) – تقديم معلومات عن المؤسسة وأهدافها.
الأسئلة الشائعة (FAQs Page) – إجابة على الاستفسارات المتكررة.
تواصل معنا (Contact Us Page) – تسهيل التواصل مع المجتمع التعليمي.
إدارة الدورات:
صفحة الدورات (Courses Page) – عرض جميع الدورات المتاحة مع إمكانية التصفية والبحث.
تصنيفات الدورات (Categories Page) – تصنيف الدورات حسب المجال.
واجهة تفاصيل الدورة (Course Details UI) – عرض تفاصيل كل دورة.
المصادقة والأمان:
تسجيل الدخول والتسجيل (Sign In & Sign Up Pages).
التحقق من البريد الإلكتروني (Email Verification) لضمان أمان الحسابات.
تقنيات متقدمة مستخدمة:
React & ViteJS – أداء سريع وتحميل فوري للصفحات.
Framer Motion – تحسين تجربة المستخدم من خلال حركات ديناميكية سلسة.
TailwindCSS – تصميم حديث وسريع الاستجابة.
TypeScript – تحسين جودة الكود وأمان البيانات.
هدف المشروع:
يهدف هذا المشروع إلى توفير تجربة تصفح سلسة وممتعة للمتعلمين، مع واجهة مستخدم جذابة وعملية، مع دعم الفلترة والبحث لتسهيل الوصول إلى الدورات المطلوبة.
| اسم المستقل | حيدر ح. |
| عدد الإعجابات | 2 |
| عدد المشاهدات | 247 |
| تاريخ الإضافة |
