Frontend Developer for STEMiconic

التقنيات المستخدمة: Frontend: React.js, JavaScript ES6, Bootstrap 5, CSS Modules Backend: PHP Laravel Form Management: React Hook Form HTTP Requests: Axios Animations: AOS.js Responsive Design (Mobile - Tablet - Desktop) وصف المشروع: تم تنفيذ موقع STEM Iconic باستخدام React.js لبناء واجهة مستخدم تفاعلية وسريعة الاستجابة، مع تكامل مباشر مع Laravel من خلال API Calls باستخدام Axios. النماذج (Forms) تم إدارتها باستخدام React Hook Form لتقديم تجربة سلسة للمستخدم مع التحقق من صحة البيانات (Validation) بشكل احترافي. أبرز المميزات التقنية: واجهة تفاعلية باستخدام React.js: تم بناء الموقع بالكامل باستخدام مكونات React قابلة لإعادة الاستخدام (Reusable Components). تم استخدام React Hooks لإدارة الحالة (State) بشكل منظم وفعال. إرسال واستقبال البيانات عبر Axios: استخدمت Axios لربط الواجهة الأمامية بالـ Laravel Backend. تمت معالجة الاستجابات والأخطاء بطريقة ديناميكية، لضمان تجربة آمنة وسلسة. إدارة النماذج باحترافية باستخدام React Hook Form: تم استخدام useForm وController لتسهيل إدارة المدخلات. التحقق من صحة البيانات (Validation) باستخدام Yup، وتقديم رسائل خطأ واضحة للمستخدم. تحسين الأداء وتجربة المستخدم: Code Splitting لتحميل الأجزاء المطلوبة فقط من التطبيق. Lazy Loading للصور والمكونات لتحسين السرعة. AOS.js لإضافة حركات سلسة عند التمرير (Scroll Animations). تصميم متجاوب بشكل كامل مع دعم لكل أحجام الشاشات. النتيجة: الموقع يعمل بكفاءة عالية على جميع الأجهزة، ويوفر تجربة مستخدم مميزة وسرعة في الأداء، بفضل قوة React.js ومرونة Laravel في إدارة البيانات. واجهة جذابة، ديناميكية، سهلة التصفح، وتم بناؤها بأسلوب حديث يُناسب الفئة المستهدفة من الموقع. File figma : https://www.figma.com/design/gXBT5oa77TVinnvBbBJvvu/Stemind-Platform-%F0%9F%A7%A9?node-id=1243-9703&t=b2fVeWOG2breUvFv-0