E-Commerce Platform

# FreshCart – Modern E-Commerce Platform

متجر إلكتروني متكامل ومتجاوب تم تطويره باستخدام *React*، مع تصميم عصري باللون الأزرق وتجربة مستخدم سهلة وسريعة على جميع الأجهزة.

أهم مميزات المشروع:

تصميم Responsive متوافق مع **Mobile, Tablet, Deskto*.

* عرض المنتجات مع إمكانية **البحث والتصفح**.

* صفحة تفاصيل متكاملة لكل منتج مع معرض للصور والتقييمات.

* إضافة وإزالة المنتجات من **Shopping Cart** مع تحديث البيانات بشكل مباشر.

* **Wishlist** لحفظ المنتجات المفضلة.

* نظام تسجيل الدخول وإنشاء الحساب باستخدام **JWT Authentication**.

* تنفيذ عملية **Checkout** وإدارة الطلبات.

* عرض **Order History** للمستخدم.

* نظام تقييم ومراجعات المنتجات.

* إشعارات للمستخدم عند تنفيذ العمليات المختلفة.

* حالات Loading وError Handling لتحسين تجربة الاستخدام.

* قائمة Navigation متجاوبة مع دعم الشاشات الصغيرة.

* Animations وانتقالات سلسة لتحسين الـ User Experience.

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

* React 19

* Vite

* Tailwind CSS

* Framer Motion

* React Router

* Axios

* React Context API

* Flowbite React

* Formik

* React Toastify

* Font Awesome

* PostCSS

API Integration

تم ربط المشروع مع **Route E-Commerce API** لتنفيذ العمليات الخاصة بالمنتجات، المستخدمين، السلة، الـ Wishlist والطلبات، مع استخدام JWT لإدارة المصادقة.

Design & User Experience

تم تصميم الواجهة بأسلوب Modern UI مع:

* Blue Gradient Theme

* Glassmorphism Effects

* Smooth Animations

* Responsive Layout

* Clean & User-Friendly Interface

* Loading & Error States

الأداء

تم الاهتمام بأداء التطبيق من خلال استخدام **Vite**، وLazy Loading للصور، وCode Splitting، بالإضافة إلى تحسين تجربة المستخدم أثناء تحميل البيانات.

رابط المشروع

**Live Demo:**

ecommerce-front-hazel-two.vercel.app

*GitHub*

github.com/rehamkashaf33-...

**Project Type:** Front-End / E-Commerce

**Role:** Front-End Developer

**Main Technology:** React.js