Fresh Cart

Overview:

مشروع E-Commerce ماركت إلكتروني لبيع المنتجات الغذائية والسلع اليومية، يسمح للمستخدمين بتصفح المنتجات، إضافتها لعربة التسوق، وإتمام عملية الشراء بشكل سهل وسريع.

Tech Stack:

Frontend: Angular 17, TypeScript, HTML, CSS, Tailwind

Database: MongoDB

API: RESTful API

Tools: Git, Postman, Figma

Main Features:

Product Listing: عرض جميع المنتجات مع تصنيفات (خضار، فواكه، لحوم، مشروبات، إلخ).

Shopping Cart: إضافة المنتجات للعربة وتحديث الكمية أو حذف العناصر.

Checkout Page: صفحة لإتمام الدفع وإدخال بيانات العميل.

User Authentication: تسجيل دخول وتسجيل حساب جديد باستخدام JWT.

Responsive Design: متوافق مع جميع الشاشات (موبايل / تابلت / كمبيوتر).

API Integration: ربط الواجهة الأمامية بالـ backend لعرض البيانات الحقيقية.

Admin Dashboard (اختياري): لإدارة المنتجات والمستخدمين والطلبات.

My Role:

تصميم واجهات المستخدم باستخدام Angular Components.

استهلاك الـ API باستخدام HttpClient.

تطبيق Reactive Forms لصفحات التسجيل والدفع.

استخدام RxJS للتحكم في تدفق البيانات (Observables & async pipe).

تنفيذ Routing & Guards لحماية الصفحات الخاصة بالمستخدمين المسجلين.