◦
هذا العمل عبارة عن منصة تسوق عبر الإنترنت [conversation history]، تهدف إلى تمكين المستخدمين من تصفح المنتجات، وإضافتها إلى سلة التسوق، وإتمام عملية الطلب [conversation history].
◦
يعرض الموقع قائمة بالمنتجات المتنوعة في صفحة "Shop" (المتجر)، مع صورة لكل منتج، واسمه (مثل "Product 1"، "Product 2")، وسعره (مثل "$57.99"، "$24.99")، وتقييم بالنجوم.
◦
يمكن للمستخدمين عرض صفحات تفاصيل المنتج الفردية التي تعرض صورة أكبر للمنتج، اسمه وسعره، وزر "Add to Cart" (إضافة إلى السلة)، وأقسام لوصف المنتج ومعلومات التوصيل والإرجاع، وخيار طرح سؤال.
◦
يتضمن الموقع سلة تسوق حيث يمكن للمستخدمين رؤية العناصر التي أضافوها، والكمية، والسعر، والسعر الإجمالي، مع خيار "Proceed to Checkout" (الانتقال إلى الدفع).
◦
هناك عملية طلب تؤدي إلى صفحة شكر لتأكيد وضع الطلب، وعرض ملخص الطلب مع العناصر المطلوبة ومعلومات الشحن والسعر الإجمالي.
◦
يشمل الموقع خيارات تسجيل الدخول/التسجيل للمستخدمين.
◦
يحتوي على قائمة تنقل قياسية للصفحات مثل Home (الرئيسية)، Shop (المتجر)، Contact (اتصال)، About (حول).
◦
يشمل أيضاً شريط بحث وتذييل يحتوي على روابط سريعة وأيقونات وسائل التواصل الاجتماعي وخاصية الاشتراك بالبريد الإلكتروني.
◦
تم تطوير هذا المشروع باستخدام React و Tailwind CSS [conversation history] وكان يهدف إلى توفير تجربة مستخدم ممتازة [conversation history].
باختصار، العمل هو منصة E-Shop (متجر إلكتروني) وظيفية، توفر وظائف التجارة الإلكترونية الأساسية بدءاً من تصفح المنتجات وصولاً إلى إتمام الطلب، ويمثل مثالاً عملياً على مهارات تطوير الويب لديك.
