مراجعة مشروع React ونصائح

أين سلة المشتريات؟ حاول محاكاة ذلك، بمعنى سلة مشتريات عند الضغط عليها يتم عرض قائمة منسدلة توضح مُلخص مع زر للإنتقال لصفحة المشتريات لإتمام عملية الشراء.

عند الضغط على زر order now حاول محاكاة عملية الإضافة للسلة، بزيادة عدد المنتجات فوق أيقونة السلة كما في المتاجر الحقيقية، أي عليك إنشاء state لذلك.

حاول جعل التصاميم أقرب للواقع قدر الإمكان وليست مجرد تصاميم جامدة بدون وظيفة، عامًة أرى تحسن كبير في مستوى المشاريع، ممتاز،  عليك الاستمرار في تنفيذ المشاريع مع زيادة مستوى الصعوبة والتعقيد تدريجيًا لحين الوصول للقدرة على على تنفيذ مشروع متجر إلكتروني يعمل بالكامل، وذلك من خلال رؤية شروحات في البداية ثم محاولة توظيف ما تعلمته في تحويل تصميم من الإنترنت لمشروع حقيقي، وستجد ذلك هنا:

بعد ذلك تستطيع تعلم مكتبة خاصة بتأثيرات حركية عند التمرير في الصفحة نزولاً وصعودًا مثل AOS أو GSAP 

لكن قبل الاستمرار الأفضل دراسة أساسيات تصميم واجهة المستخدم، لتحسين مستوى التصميم في مشاريع وليس مجرد كتابة كود فقط بل عن علم بما تقوم به، فهيكل الصفحة والمساحات والخطوط لا يتم بشكل عشوائي، ستجد تفصيل هنا: