Supplliex Marketplace هو تطبيق ويب متكامل بمستوى Enterprise، مصمم لتوفير منصة مرنة وقابلة للتوسع، مع التركيز على الأمان، سهولة إدارة البيانات، وتقديم تجربة استخدام احترافية.
يتميز المشروع بنظام مصادقة متقدم، وإدارة صلاحيات المستخدمين، ولوحة تحكم ديناميكية تتيح عرض البيانات وتحليلها من خلال واجهات تفاعلية قابلة للتخصيص.
المميزات الرئيسية:
Responsive UI Development: تحويل تصميمات Figma إلى واجهات مستخدم احترافية ومتجاوبة باستخدام Next.js وTailwind CSS.
Secure Authentication: تطوير نظام تسجيل دخول ومصادقة آمن باستخدام Access Tokens وRefresh Tokens.
Role-Based Access Control (RBAC): إدارة صلاحيات المستخدمين والتحكم في الوصول إلى الصفحات والوظائف حسب دور كل مستخدم.
Dynamic Dashboard: تطوير لوحة تحكم تفاعلية لعرض البيانات والإحصائيات بطريقة منظمة.
Dashboard Template Builder: إنشاء نظام ديناميكي لبناء وتخصيص قوالب لوحات التحكم، بما يسمح بمرونة أكبر في تنظيم وعرض المحتوى.
API Integration: التكامل مع REST APIs لجلب البيانات وتنفيذ العمليات المختلفة.
State & Data Management: استخدام React Query لإدارة البيانات وعمليات الـ Fetching وتحسين تجربة المستخدم.
Scalable Architecture: بناء واجهات ومكونات قابلة لإعادة الاستخدام لتسهيل تطوير التطبيق وصيانته مستقبلًا.
التقنيات المستخدمة:
Next.js لتطوير التطبيق.
TypeScript لكتابة كود أكثر تنظيمًا وأمانًا.
Tailwind CSS لتنسيق وتصميم الواجهات.
Shadcn UI لبناء مكونات واجهة المستخدم.
React Query لإدارة البيانات وطلبات API.
REST APIs للتواصل مع الـ Backend.
دوري في المشروع:
عملت كـ Frontend Developer، وكنت مسؤولًا عن تحويل تصميمات Figma إلى واجهات تفاعلية ومتجاوبة باستخدام Next.js وTailwind CSS.
كما قمت بتطوير نظام Authentication متكامل يدعم Refresh Token Mechanism، وتنفيذ Role-Based Access Control لإدارة صلاحيات المستخدمين، بالإضافة إلى تطوير Dynamic Dashboard Template Builder يتيح إنشاء وتخصيص قوالب لوحات التحكم بشكل مرن.
ركزت خلال التطوير على جودة الكود، قابلية إعادة الاستخدام، وتحسين الأداء وتجربة المستخدم.