بصفتي مطور واجهات قمت بالعمل على هذا المشروع، إليك تفاصيل العمل والتقنيات التي جعلت من Learnify منصة تعليمية متكاملة ومتميزة:
نبذة عن مشروع Learnify
Learnify هو تطبيق ويب تعليمي متطور مصمم لتقديم تجربة تعلم مخصصة وسلسة. يهدف المشروع إلى تنظيم المحتوى الدراسي (مثل الدورات، الاختبارات، والمصادر التعليمية) في واجهة عصرية تركز على "تجربة المستخدم" (UX)، مما يساعد الطلاب على تتبع تقدمهم والوصول للمعلومات بفعالية عالية.
* التقنيات المستخدمة (Tech Stack)
تم بناء هذا المشروع باستخدام تقنيات تضمن الأداء العالي والقابلية للتوسع:
- React.js : المكتبة الأساسية لبناء الواجهات، مع الاعتماد على Functional Components و Hooks لإدارة الحالة (State) بكفاءة.
- Tailwind CSS: استخدمت لبناء نظام تصميم (Design System) مرن ومتجاوب بالكامل، مما يضمن ظهور الموقع بشكل مثالي على كافة الشاشات.
- Vite: كأداة بناء (Build Tool) فائقة السرعة، مما ساهم في تحسين وقت التطوير (Development Time) وسرعة تحميل الصفحة النهائية.
- Framer Motion: لإضافة الرسوم المتحركة (Animations) والانتقالات السلسة بين الصفحات، مما يضفي طابعاً احترافياً وتفاعلياً على التطبيق.
- Vercel: المنصة المختارة للاستضافة (Hosting) نظراً لتوافقها التام مع بيئة عمل React ودعمها لتقنيات الـ CI/CD.