E-Shop

? وصف عمل المشروع

1️⃣ الصفحة الرئيسية (Landing Page)

تحتوي على:

شريط تنقل فيه:

زر تسجيل دخول

أيقونة السلة

أيقونة المفضلة ❤️

رابط المنتجات

مربع بحث عن منتجات

شعار الموقع E-Shop

قسم ترحيبي كبير (Hero Section):

عبارة: مرحباً بك في E-Shop

وصف: أفضل المنتجات بأفضل الأسعار

زر تسوق الآن ينقل المستخدم لصفحة المنتجات

2️⃣ وظائف النظام الأساسية

? البحث عن المنتجات

يمكن للمستخدم كتابة اسم المنتج في مربع البحث

يتم عرض المنتجات المطابقة

? عرض المنتجات

صفحة تحتوي على قائمة المنتجات

كل منتج غالباً يحتوي على:

صورة

اسم

سعر

زر إضافة إلى السلة

زر إضافة إلى المفضلة

? سلة المشتريات

تخزين المنتجات التي اختارها المستخدم

حساب المجموع الكلي

إمكانية الحذف أو التعديل

❤️ المفضلة

حفظ المنتجات التي تعجب المستخدم للرجوع لها لاحقاً

? تسجيل الدخول

يسمح بإنشاء حساب أو تسجيل دخول

يربط السلة والمفضلة بحساب المستخدم

3️⃣ الهدف من المشروع

إنشاء متجر إلكتروني بسيط

تطبيق مفاهيم:

DOM manipulation

LocalStorage (غالباً لتخزين السلة)

التعامل مع الأحداث (Events)

تصميم واجهة UI حديثة

تنظيم المشروع Frontend

4️⃣ نوع المشروع تقنياً

غالباً هو:

HTML

CSS (مع تدرج لوني جذاب)

JavaScript

ويمكن تطويره لاحقاً إلى:

React

Node.js + Express