FreshCart-Ecommerce

عنوان المشروع: FreshCart – متجر إلكتروني بسيط وسلس

وصف العمل:

FreshCart هو مشروع متجر إلكتروني مصمم لتقديم تجربة تسوق سهلة وسريعة لكل المستخدمين. ستجد في الموقع:

- تصنيف وعرض المنتجات: كل المنتجات مرتبة في فئات واضحة، ويمكنك تحديد السعر أو الفئة التي تريدها بسرعة.

- بحث لحظي: بمجرد كتابة أي كلمة، تظهر النتائج فوراً بدون تأخير.

- صفحة تفاصيل المنتج(Product Details): صور عالية الجودة ومعلومات كاملة (الوصف، السعر، المواصفات) في صفحة واحدة مرتبة بشكل واضح.

-تفاصيل الفئة (Category Details): عند الضغط على أي فئة، تظهر صفحة تعرض جميع المنتجات المرتبطة بها مع إمكانية التصفية والفرز بسهولة

- عربة التسوق: أضف أو احذف أي منتج في العربة بسهولة، والبيانات محفوظة بأمان في قاعدة البيانات حتى لو فتحت الموقع من جهاز آخر.

- نموذج الدفع والشحن: بعد اختيار المنتجات، تملأ بيانات الشحن والفوترة داخل الموقع بشكل بسيط، ثم تدفع أونلاين من خلال خدمة Stripe المعروفة بالأمان.

- حساب المستخدم: يمكنك إنشاء حساب أو تسجيل دخول لحماية طلباتك ومتابعة حالة الدفع.

- إشعارات فورية: تظهر لك رسائل لتأكيد إضافة منتجات للعربة أو نجاح عملية الدفع أو تنبيه في حالة وجود خطأ.

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

- Angular 19: لبناء الواجهة الأمامية بطريقة قوية وحديثة.

- Angular Universal (SSR): لعرض الصفحات بشكل أسرع وتحسين ظهور الموقع في محركات البحث.

- Tailwind CSS: لتصميم واجهة متجاوبة وجذابة.

- Flowbite: لاستخدام مكونات جاهزة تساعد في بناء واجهة المستخدم بشكل أسرع وأكثر احترافية.

- RxJS: لتقديم بحث لحظي سريع وسلس.

- Reactive Forms: لنماذج إدخال بيانات ذكية مع تحقق داخلي (Validation).

- ngx-toastr: لإظهار إشعارات فورية عند تنفيذ العمليات.

- ngx-skeleton-loader: لعرض تأثير تحميل مؤقت أثناء جلب البيانات.

- Stripe Elements: لإتمام عمليات الدفع الأونلاين بطريقة آمنة وسهلة.

التصميم والتقنيات:

- الواجهة مبنية بتصميم متجاوب يناسب الكمبيوتر والجوال (Tailwind CSS).

- استخدام مكتبات جاهزة لتحسين سرعة التطوير وتجربة المستخدم (مثلاً لرسائل الإشعارات وشاشات التحميل).

- تكامل آمن مع Stripe لإتمام الدفع الأونلاين.

- قاعدة بيانات بسيطة لحفظ محتوى العربة وطلبات الشحن.

روابط المشروع:

- GitHub: https://github.com/Mena-E...

- تجربة مباشرة (Demo): https://fresh-cart-ecomme...

الهدف من رفع المشروع:

عرض مهاراتي في بناء متجر إلكتروني احترافي بكافة مراحله (عرض منتجات، تفصيل، عربة، دفع أونلاين)، واستخدام أحدث التقنيات في السوق، عشان أقدر أقدمه كـ portfolio للعملاء وأساس لأي مشروع مستقبلي.