تم تطوير هذا المشروع باستخدام مكتبة React لإنشاء واجهة مستخدم تفاعلية، وTailwind CSS لتصميم واجهات جذابة وسريعة الاستجابة، بالإضافة إلى JSON Server لتوفير API وهمي يعرض المنتجات.
تفاصيل المشروع:
- واجهة مستخدم احترافية باستخدام React + Vite
- استخدام Tailwind CSS لتصميم متجاوب واحترافي
- صفحات أساسية:
- الرئيسية (عرض المنتجات)
- تفاصيل المنتج
- سلة التسوق
- الدفع
- اتصل بنا
- تخزين بيانات السلة في localStorage
- تصفية المنتجات حسب البحث
- رسائل تنبيه وإشعارات تفاعلية
- استخدام `json-server` لمحاكاة بيانات المنتجات
الأدوات المستخدمة:
- React
- TypeScript
- Tailwind CSS
- React Router
- JSON Server
- Axios
مميزات إضافية:
- تصميم متجاوب متكامل
- تجربة مستخدم سلسة
- قابلية للتوسعة والربط مع API حقيقي في المستقبل