E-commerce(FreshCart)

قمت بتطوير متجر إلكتروني متكامل (E-commerce Web App) لبيع المنتجات، مع التركيز التام على تقديم أداء سريع جداً وواجهة مستخدم عصرية تضمن بقاء العميل داخل المتجر وتحويله لعملية شراء ناجحة.

المشروع ليس مجرد صفحات عرض، بل هو نظام متكامل يعتمد على أحدث تقنيات الـ Frontend لضمان الاستقرار والسرعة، مع مراعاة أدق التفاصيل في تجربة المستخدم (UX) وتجاوب التصميم مع كافة الشاشات (Responsive Design).

أبرز ما قدمته في هذا المشروع:

نظام تسوق ذكي: إضافة المنتجات للسلة والقائمة المفضلة مع تحديث فوري للبيانات دون الحاجة لإعادة تحميل الصفحة.

سرعة تحميل فائقة: تم تحسين كود المشروع واستخدام تقنيات (Lazy Loading) لتقليل وقت التحميل بنسبة 40%، مما يضمن تجربة تصفح سريعة جداً حتى على سرعات الإنترنت الضعيفة.

نظام حماية وتأمين: تنفيذ نظام تسجيل دخول آمن (Authentication) وحماية مسارات الموقع (Protected Routes) لضمان خصوصية بيانات المستخدمين وسلة مشترياتهم.

واجهة مستخدم تفاعلية: تصميم جذاب وعصري باستخدام Tailwind CSS يضمن عمل المتجر بكفاءة مثالية على الموبايل والتابلت والكمبيوتر.

نماذج بيانات دقيقة: ربط المتجر بنماذج إدخال متطورة (Formik & Yup) لضمان صحة بيانات الشحن والتواصل وتقليل أخطاء المستخدمين بنسبة 30%.

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

React.js لبناء واجهة المستخدم.

React Query لإدارة جلب البيانات (Data Fetching) وتخزينها مؤقتاً لسرعة الاستجابة.

Tailwind CSS للتصميم المتجاوب.

React Router Dom للتنقل السلس بين صفحات المتجر.