منصة إلكترونية متكاملة تم تطويرها لعرض وبيع المنتجات بطريقة سهلة وسريعة، مع تصميم عصري وتجربة مستخدم مريحة. تم التركيز في هذا المشروع على تقديم أداء عالي وتجربة تصفح سلسة، مع واجهة استخدام مناسبة لجميع الأجهزة مثل الهواتف المحمولة والأجهزة اللوحية وأجهزة الكمبيوتر.
فكرة المشروع:
إنشاء متجر إلكتروني يُظهر المنتجات بطريقة منظمة وفعالة، مع إمكانية التصفح المستمر بدون انقطاع، وخيارات فلترة تساعد المستخدم على الوصول لما يبحث عنه بسهولة.
أهم المميزات:
تحميل المنتجات تلقائيًا عند النزول في الصفحة (تمرير لا نهائي)
إمكانية تصفية المنتجات حسب الفئة أو السعر
صفحة مخصصة لكل منتج تحتوي على صور، وصف، سعر، ومعلومات إضافية
عرض رسائل واضحة أثناء التحميل أو في حال حدوث خطأ
تصميم متجاوب يعمل بكفاءة على جميع الأجهزة
التقنيات المستخدمة:
Next.js 15 – لبناء واجهات الويب الحديثة
React – لإنشاء الواجهات التفاعلية
TypeScript – لضمان كتابة كود منظم وآمن
Tailwind CSS – لتصميم واجهات مخصصة وعصرية
TanStack Query (React Query) – لإدارة تحميل البيانات من الإنترنت بكفاءة
Zustand – لإدارة الحالة داخل التطبيق
shadcn/ui – لاستخدام مكونات جاهزة بتصميم أنيق
Vercel – لنشر التطبيق على الإنترنت بسهولة
هدف المشروع:
يهدف هذا المشروع إلى عرض مهاراتي في بناء واجهات استخدام احترافية تعتمد على أحدث أدوات وتكنولوجيا الويب، مع التركيز على الأداء وسهولة الاستخدام. هذا المتجر يمكن تطويره لاحقًا لإضافة ميزات مثل تسجيل الدخول وسلة المشتريات والدفع الإلكتروني.
