e-commerce موقع متكامل من ال a-z

هذا المشروع عبارة عن متجر إلكتروني متكامل تم تطويره باستخدام HTML, CSS (Tailwind CSS), وJavaScript، ويحتوي على جميع الميزات الأساسية والمتقدمة لتجربة مستخدم كاملة:

الميزات الرئيسية:

التسجيل وتسجيل الدخول (Register & Login)

واجهة تسجيل دخول وحساب جديد.

التحقق من صحة البريد الإلكتروني وكلمة المرور.

إمكانية استرجاع كلمة المرور باستخدام ميزة Forgot Password.

التحقق عبر البريد الإلكتروني (Verify Code / Email Verification)

عند التسجيل، يتم إرسال رمز تحقق إلى البريد الإلكتروني للتحقق من صحة الحساب.

الصفحة الرئيسية (Home Page)

تعرض المنتجات بأقسام متعددة.

تصميم جذاب باستخدام Tailwind CSS مع Responsive Design لضمان التوافق مع جميع الشاشات.

عربة التسوق (Add to Cart)

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

تحديث الكمية تلقائيًا وحساب السعر الإجمالي.

صفحة تفاصيل المنتج (Item Page / Product Element)

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

زر “Add to Cart” و “Add to Wishlist”.

قائمة الرغبات (Wishlist)

يمكن للمستخدم حفظ المنتجات التي يرغب بشرائها لاحقًا في قائمة خاصة.

Footer احترافي

يحتوي على روابط سريعة، معلومات التواصل، وروابط وسائل التواصل الاجتماعي.

صفحة الدفع (Payment Page)

ملخص المنتجات، الأسعار، طريقة الدفع، وإتمام الطلب.

تم تصميمها لتكون سهلة الاستخدام وواضحة للمستخدم.

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

HTML / Tailwind CSS لتصميم واجهات جذابة ومتجاوبة.

JavaScript لإضافة التفاعلية، مثل:

التحكم بعربة التسوق والـ Wishlist.

التحقق من صحة المدخلات.

تحديث المحتوى ديناميكيًا.

withAPI