https://my-shopx.netlify.app/
تفاصيل العمل
بعد فترة من العمل والتجربة والتعلّم، حابب أشارك معاكم أحدث مشاريعي وهو My ShopX ️
موقع تجارة إلكترونية تم بناؤه بالكامل باستخدام تقنيات حديثة في الـ Front-End و Back-End.
التقنيات اللي استخدمتها:
️ React.js مع Context API لإدارة الحالة بين المكونات.
? React Hook Form لتنظيم وإدارة النماذج بسهولة.
React Query لجلب البيانات والتعامل مع الـ APIs بشكل احترافي وسريع.
Tailwind CSS, Chakra UI, و Flowbite لتصميم واجهة عصرية وسريعة الاستجابة.
? Strapi كـ Back-End لإدارة المنتجات والمستخدمين.
Authorization & Authentication لتأمين الدخول وتحديد الصلاحيات لكل مستخدم.
️ مميزات المشروع:
تصميم متجاوب على جميع الأجهزة
نظام صلاحيات متكامل:
Admin يقدر يشوف كل المنتجات ويتحكم في الموقع بالكامل.
Staff بدون صلاحيات إدارية.
تجربة مستخدم سلسة مع أداء سريع وتنظيم قوي في الكود والمكونات.
جرب المشروع بنفسك من هنا:
المشروع ده ساعدني أطور مهاراتي في:
إدارة الحالة بالـ Context API
استخدام React Hooks بكفاءة
تنظيم الكود وتحسين الأداء
التعامل مع API Integration بطريقة احترافية