تصميم لصفحة تظهر تفاصيل منتج ما في مشروع E- commerce

قمت بتطوير هذه الصفحة باستخدام تقنيات (- API connection- AJAX- HTML - CSS - JavaScript) , وفيها يعرض بيانات المنتج : صورة المنتج ,اسم المنتج , الفئة , الكمية المتاحة , السعر قبل الخصم وبعد , اسم اللون وايقونة عند المرور عليها توضح لون المنتج , المقاس الخاص بالمنتج , ومفتاح من خلاله يتم تحديد الكمية المراد شرائها وتحتها يعرض السعر على حسب عدد القطع , وهناك ايضا مرشد لمعرفة كيفية القياس , وهناك زرار عند الضغط عليه يرسل المنتج الى السلة لاتمام عملية الشراء , وزرار اخر يضيف المنتج لقائمة الامنيات , وايضا زرار لاتمام عملية الشراء مباشرة . وفي الجزأ الخاص بجافا سكريبت تم انشاء دوال تقوم بجلب البيانات هذه بشكل تلقائي باستخدام API-AJAX من ملف JSON وفيه الازرار تؤدي دورها عند ربطها مع مشروع متكامل ولكن هي للعرض فقط في التصميم ولكن هناك ازرار لها دور ساوضحها : Home , للعرض فقط ADD TO CART , يقوم بارسال بيانات المنتج الى Local Storage in browser WishList , يقوم بارسال بيانات المنتج الى Local Storage in browser Buy it now , للعرض فقط ,ولكن تم اعداد هذه الدوال لتعمل بشكل محلي للاختبار , وعند تطبيق هذا المشروع بشكل حقيقي يتم التعديل عليها لتعمل بشكل فعال