HardStore - E-commerce Platform

قمت بتطوير منصة تجارة إلكترونية ثنائية اللغة تتميز بتقنية العرض من جانب الخادم (SSR)، ومصادقة المستخدم الآمنة، وسير عمل متكامل لسلة التسوق. كان الهدف الرئيسي من هذا المشروع هو توفير تجربة تسوق إلكترونية متجاوبة، عالية الأداء، ومحسنة لمحركات البحث (SEO)، لضمان وصول أوسع للعملاء وتجربة مستخدم سلسة وفعالة.

تضمن العمل على هذا المشروع مساهمات رئيسية هي:

• صممت معمارية تطبيق Angular معيارية وفعالة، باستخدام ميزات مثل تحميل المسارات الكسول (lazy-loaded feature routes) والمكونات المستقلة (standalone components)، مما يضمن قابلية التوسع والصيانة المستقبلية للتطبيق.
• نفذت نظام مصادقة آمن باستخدام رموز الـ JWT، مع آلية تحديث الرموز التلقائي (automatic token refresh) ومُعترضات الـ HTTP، لتعزيز أمان المنصة وتجربة المستخدم.
• بنيت نظام سلة تسوق مستمر يحفظ حالة سلة المشتريات باستخدام تقنية LocalStorage، مما يوفر تجربة تسوق سلسة ولا يفقد المستخدم منتجاته عند التصفح.
• طورت نظام توطين (localization) للغتين العربية والإنجليزية، يتضمن تبديل الخطوط ديناميكياً ودعم اتجاه النص من اليمين إلى اليسار (RTL)، لتقديم تجربة مستخدم شاملة ومتكاملة للجمهور المستهدف.
• طبقت تقنية العرض من جانب الخادم (SSR) لتحسين سرعة تحميل الصفحات الأولية بشكل ملحوظ، وتعزيز أداء التطبيق العام، والمساهمة في تحسين ترتيبه في نتائج محركات البحث.

استخدمت في هذا المشروع مجموعة من التقنيات الحديثة والمتقدمة مثل Angular 21، TypeScript، TailwindCSS، RxJS، REST APIs، JWT Authentication، وAngular SSR. لقد أثمر هذا المجهود عن منصة تجارة إلكترونية قوية، توفر تجربة مستخدم استثنائية وأداءً عالياً، وتلبي احتياجات العملاء بكفاءة وفاعلية.