Mercato هو موقع تجارة إلكترونية حديث تم تصميمه وتطويره لتقديم تجربة تسوق مريحة وسلسة للمستخدمين. يتيح الموقع تصفح مجموعة واسعة من المنتجات من مختلف الفئات مثل الأزياء الرجالية والنسائية، المستلزمات المنزلية، الأجهزة الكهربائية، المواد الغذائية، وكتب الأطفال.
تم بناء الموقع بواجهة عصرية سهلة الاستخدام، مع نظام تسجيل دخول وخروج، وإمكانية إضافة المنتجات إلى سلة المشتريات أو قائمة المفضّلات، بالإضافة إلى تصنيفات منسّقة للمنتجات حسب الفئة أو العلامة التجارية، مع عرض الأسعار والتقييمات بشكل جذّاب وواضح.
️ المميزات التقنية:
- واجهة مستخدم احترافية ومتجاوبة مع جميع الأجهزة.
- نظام تسجيل دخول وخروج للمستخدمين.
- تصنيفات ومنتجات مرتبة حسب الفئات والعلامات التجارية.
- إمكانية الإضافة إلى السلة أو قائمة المفضلات.
- عرض تقييمات المستخدمين وأسعار المنتجات بشكل منسّق.
- صفحة مخصصة لعربة التسوق مع إشعارات بالحالة (“Your Cart Is Empty”).
التقنيات المستخدمة في التطوير:
1. React.js – لبناء الواجهة التفاعلية للموقع.
2. JavaScript (ES6) – لبرمجة المنطق والتحكم في المكونات.
3. Tailwind CSS – لتصميم واجهة مستخدم حديثة وسريعة الاستجابة.
4. Redux Toolkit – لإدارة الحالة العامة للتطبيق بكفاءة.
5. useContext – لإدارة الحالة المشتركة بين المكونات عند الحاجة.
6. Formik & Yup – لإدارة النماذج والتحقق من صحة البيانات بسهولة واحترافية.