Shopo Market

Shopo Market – تجربة تسوق إلكتروني متكاملة

Shopo Market هو تطبيق ويب متكامل للتسوق الإلكتروني، يوفر للمستخدمين تجربة تصفح سلسة للمنتجات مع إمكانية إضافتها إلى سلة المشتريات وقائمة المفضلة. تم تطويره باستخدام ReactJS، مع تخزين البيانات محليًا عبر Local Storage لضمان الاحتفاظ بالمفضلات وسلة المشتريات حتى بعد إغلاق المتصفح. التطبيق يتميز بواجهة مستخدم أنيقة وسريعة الاستجابة، مما يجعله مثاليًا لأي شخص يبحث عن تجربة تسوق رقمية ممتعة وسهلة.

المميزات الأساسية

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

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

تصنيف المنتجات بطريقة منظمة وسهلة التصفح.

️ إضافة المنتجات إلى قائمة المفضلة

يمكن للمستخدمين حفظ المنتجات المفضلة للوصول إليها لاحقًا.

يتم تخزين البيانات في Local Storage لضمان الاحتفاظ بالمفضلات حتى بعد إغلاق المتصفح.

سلة المشتريات التفاعلية

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

عرض إجمالي المشتريات وسهولة حذف أي منتج من السلة.

البحث عن المنتجات بسهولة

شريط بحث ديناميكي يسمح للمستخدمين بالعثور على المنتجات بسرعة.

تصميم حديث ومتجاوب

تجربة مستخدم سلسة على جميع الأجهزة، سواء كان ذلك على الهاتف أو الكمبيوتر.

تصميم جذاب باستخدام CSS و Tailwindلضمان تجربة بصرية مميزة.

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

ReactJS – لإنشاء واجهة المستخدم الديناميكية والتفاعلية.

️ React Hooks (useState, useEffect) – لإدارة الحالة الداخلية للتطبيق.

Local Storage – لحفظ بيانات سلة المشتريات وقائمة المفضلة بشكل دائم.

Fetch API / Axios – لجلب بيانات المنتجات من مصدر خارجي.

CSS & Tailwind– لتصميم أنيق ومتجاوب يناسب مختلف الأجهزة.

React Router – لتوفير تنقل سلس بين صفحات التطبيق دون الحاجة لإعادة التحميل.