تصميم وتطوير موقع إلكتروني لعرض وبيع منتجات باستخدام HTML, CSS, JavaScript | Responsive + Dark Mode

تم تطوير مشروع ويب متكامل لمنصة إلكترونية باسم "Fabish"، تهدف إلى عرض المنتجات وبيعها بطريقة منظمة ومرنة، مع تجربة مستخدم عالية الجودة من حيث التفاعل والراحة البصرية. المشروع تم تنفيذه باستخدام تقنيات HTML, CSS, JavaScript، ويحتوي على جميع الأساسيات التي تؤهل أي متجر إلكتروني للعمل بكفاءة. مميزات المشروع: ? 1. نظام تسجيل الحساب (Register): يتيح للمستخدم إنشاء حساب جديد من خلال إدخال: الاسم . البريد الإلكتروني. كلمة المرور. تأكيد كلمة المرور. يتم التحقق من صحة الاسم و البريد الالكتروني و تطابق كلمة المرور مع التأكيد، وفي حال وجود خطأ يتم عرض تنبيه فوري. 2. تسجيل الدخول (Login): يستطيع المستخدم تسجيل الدخول عبر البريد الإلكتروني وكلمة المرور. إذا كانت البيانات غير صحيحة، يتم عرض رسالة تنبيه للمستخدم. عند نجاح الدخول، يتم توجيه المستخدم للواجهة الرئيسية للمنصة. ️ 3. الواجهة الرئيسية (Home Page): تحتوي على تصميم جذاب ومتجاوب مع مختلف الشاشات (Responsive Design). دعم كامل للوضع الليلي ( Dark Mode). تحتوي علي ناف بار ويوجد به بعض اللينكات المتعلقة ب السمات التي يقدمها مشروع الويب مثل home و الذي يتيح لمستخدم الرجوع الي الصفحة الرئيسية من اي مكان وذالك لسهولة التنقل ويوجد به زر ايكوني يقوم بنقل المستخدم الي الكارت الخاصة به لمعرفة الامنتجات التي ضافها و عددها و سعرها . يتحتوي علي رأس سلايدر تحتوي علي بعض السمات و المعلومات التي قد يحتاج اليها المستخدم والتي تتكون من ثلاث صفحات تنتقل تلقائيا او عند الضغض علي السهم . عرض المنتجات في شكل بطاقات (Cards) تشمل: اسم المنتج. صورة المنتج. السعر. 4. نظام سلة المشتريات (Cart System): يمكن للمستخدم إضافة منتجات إلى العربة بسهولة. يتم تتبع المنتجات المضافة وعرض السعر الكلي تلقائيًا. في نهاية العملية يتم عرض رسالة تلخيصية لما تم إضافته. يحتوي علي فوتر يوجد بة الاماكن و علومات الاتصال . تقنيات مستخدمة: HTML5 CSS3 (تصميم متجاوب + الوضع الليلي) JavaScript (منطق التفاعل + LocalStorage) الهدف من المشروع: تقديم تجربة استخدام مرنة وسلسة، وواجهة نظيفة لعرض وشراء المنتجات. هذا المشروع مثال عملي على دمج الوظائف الأساسية للمتاجر الإلكترونية مع واجهة استخدام حديثة.