"موقع شركة برمجيات تفاعلي مع انيميشن متقدم (React + Figma to Code)"

هذا مشروع تجريبي قمت بتطويره لتعزيز مهاراتي في تحويل التصاميم من Figma إلى مواقع ويب تفاعلية باستخدام React، مع إضافة مؤثرات بصرية لجعل الموقع جذابًا للمستخدمين.

ما الذي قمت به؟

- تحويل تصميم Figma إلى كود React دقيق مع الحفاظ على التفاصيل البصرية (pixel-perfect).

- تطبيق انيميشن عند التمرير (scroll animations) مثل ظهور العناصر تدريجيًا (fade-in) وتحريك الأقسام.

- استخدام مكتبات انيميشن مثل Framer Motion لتنفيذ المؤثرات بسلاسة.

- جعل الموقع متجاوبًا مع جميع الشاشات (Mobile First Approach) باستخدام CSS Grid وMedia Queries.

لماذا هذا المشروع؟

- يظهر قدرتي على العمل مع المصممين وفهم مبادئ التصميم في Figma.

- يبرز مهاراتي في تحويل التصميم الثابت إلى موقع تفاعلي مع إضافة مؤثرات مخصصة.

- مناسب للعملاء الذين يبحثون عن مطورين قادرين على تنفيذ التصاميم بدقة وإبداع.