مشروع EduTech هو نموذج لمنصة تعليمية متكاملة تهدف إلى تقديم تجربة تعلم رقمية ممتعة وبسيطة. تم التركيز في هذا المشروع على بناء واجهة مستخدم (Front-end) تجمع بين الأناقة في التصميم وسرعة الأداء، مع ضمان توافق كامل مع مختلف المتصفحات وأجهزة الجوال والأجهزة اللوحية.
المميزات التقنية للمشروع:
تصميم متجاوب (Fully Responsive): بناء الواجهات باستخدام تقنيات CSS الحديثة (Flexbox & Grid) لضمان ظهور الموقع بشكل مثالي على كافة الشاشات.
تفاعلية عالية (Dynamic UI): استخدام JavaScript لإضافة لمسات تفاعلية (Interactive Elements) تحسن من تجربة الطالب أثناء التصفح.
هيكلة كود منظمة: كتابة كود HTML5 دلالي (Semantic HTML) لسهولة القراءة وتحسين محركات البحث (SEO).
تنسيقات عصرية: استخدام أنظمة ألوان مريحة للعين وتوزيع عناصر احترافي يسهل الوصول للمعلومات.
تأثيرات بصرية (Animations): إضافة انتقالات ناعمة تعطي طابعاً حيوياً للمنصة دون التأثير على سرعة التحميل.
الأدوات والتقنيات المستخدمة:
HTML5: لهيكلة المحتوى بشكل معياري.
CSS3: للتنسيق المتقدم وإضافة الـ Media Queries للتجاوب.
JavaScript (Vanilla JS): لإضافة المنطق البرمجي والتفاعلية.
Font Awesome & Google Fonts: لتحسين المظهر الجمالي للأيقونات والخطوط.
GitHub Pages: لاستضافة الموقع ومعاينته بشكل مباشر.
ملاحظة: هذا المشروع يبرز مهاراتي في تحويل التصاميم (UI Design) إلى أكواد حقيقية (Pixel Perfect) مع التركيز على أدق التفاصيل التقنية.