محاكاة لموقع نون

محاكاة موقع نون - مشروع تدريبي لواجهة المستخدم (Front-End)

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

التقنيات المستخدمة:

HTML5, CSS3, JavaScript: لتصميم وتطوير الواجهة الأمامية.

Bootstrap: لإنشاء تصميم متجاوب وحديث يناسب جميع الأجهزة.

Font Awesome: لإضافة أيقونات المنتجات والأزرار.

JavaScript DOM Manipulation: لإنشاء تفاعلات ديناميكية مثل إضافة المنتجات للسلة، عرض العروض الترويجية، والتصفية بالتصنيفات.

Flexbox & Grid System: لتنسيق الصفحات بطريقة احترافية ومتجاوبة.

Git & GitHub: لإدارة الأكواد وتوثيق مراحل التطوير.

أقسام المشروع:

الصفحة الرئيسية: عرض العروض الترويجية والمنتجات المميزة.

صفحة المنتجات: عرض المنتجات بترتيب شبكي مع إمكانية التصنيف والفلترة.

صفحة المنتج: عرض تفاصيل المنتج، السعر، والتقييمات.

صفحة السلة: عرض المنتجات المضافة وإمكانية تعديل الكميات أو إزالتها.

شريط البحث: إمكانية البحث عن المنتجات بسهولة.