Inventory Manager

تطبيق ويب لإدارة المخزون معمول بـ React و TypeScript و Zustand و React Query و React Hook Form.

بيسمح للمستخدمين بإدارة المنتجات بكفاءة، متابعة مستويات المخزون، وتنفيذ عمليات CRUD مع تحديثات في الوقت الحقيقي.

المميزات:

- إدارة المنتجات

- إضافة، تعديل، وحذف المنتجات.

- متابعة اسم المنتج، SKU، الفئة، الكمية، السعر، وحدود المخزون.

- مؤشرات مستوى المخزون

- تصنيف تلقائي لمستويات المخزون: عالي، عادي، أو منخفض.

- البحث والتصفية

- البحث باسم المنتج.

- التصفية حسب فئة مستوى المخزون.

- التصفح بالصفحات (Pagination)

- تصفح المنتجات على صفحات.

- منع التنقل لصفحات فاضية.

- إدارة النماذج (Forms) معمول بـ react-hook-form للتحقق من البيانات والتحكم في الإدخال.

إدارة الحالة العالمية:

(Global State Management) Zustand لإدارة الحالة بشكل خفيف.

جلب البيانات والتخزين المؤقت:

React Query لإدارة بيانات السيرفر، التعامل مع التعديلات، والتحديث التلقائي.

تقنيات المشروع:

الواجهة الأمامية (Frontend): React (TypeScript)

إدارة الحالة: Zustand

النماذج (Forms): React Hook Form

حالة السيرفر وAPI: React Query

التصميم (Styling): Tailwind CSS

الواجهة الخلفية (Backend): Firebase