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. لقد أثمر هذا المجهود عن منصة تجارة إلكترونية قوية، توفر تجربة مستخدم استثنائية وأداءً عالياً، وتلبي احتياجات العملاء بكفاءة وفاعلية.
أعمال آخرى لـ Mohamed Hatem
.png)
DriftTech — Automotive Finance Platform
***قمت بتطوير منصة تمويل سيارات مؤسسية متكاملة، تهدف إلى توفير حل شامل يتيح حسابات مالية فورية، وإدارة متكاملة لسير عمل...
Verex Wave Pro — Enterprise Technology Services Platform
قمت بتطوير منصة خدمات تقنية مؤسسية متكاملة تهدف إلى عرض حلول رقمية مبتكرة ومحتوى معرض الأعمال، بالإضافة إلى توفير أدوات...
•Klaksat Auto — Automotive Marketplace & Financing Platform
قمتُ بتطوير سوق إلكتروني متكامل لقطاع السيارات، يهدف إلى تسهيل استكشاف المركبات، وإدارة قوائم البائعين، وتقديم طلبات الت...