CRM System متكامل

Dashboard:

عرض إحصائيات المبيعات (إجمالي الإيرادات، عدد الفواتير، أفضل المنتجات مبيعاً) في شكل كروت ورسوم بيانية بسيطة.

ملخص لأداء كل موظف (عدد المبيعات، قيمة المبيعات).

Users & Customers:

صفحات منفصلة لكل منهم فيها CRUD: إضافة، تعديل، حذف وعرض.

قواعد تحقق بسيطة في الفورمات لضمان صحة البيانات (زي التأكد من البريد الإلكتروني ورقم التليفون).

Products, Suppliers & Categories:

لكل كيان صفحة CRUD كاملة:

Products: اسم المنتج، السعر، التصنيف، الكمية المتوفرة.

Suppliers: بيانات الموردين (الاسم، جهة الاتصال، العنوان).

Categories: إضافة وتعديل وحذف فئات المنتجات.

Salary & Commission Calculator:

يعتمد على عدد وقيمة المنتجات اللي باعها كل موظف.

بتحسب نسبة عمولة فوق المرتب الأساسي تلقائياً بناءً على قواعد تحددها (مثلاً 5% على المبيعات فوق 10,000 جنيه).

إنشاء الفاتورة (Invoice Builder):

صفحة اختيار المنتجات من قائمة المنتجات وإضافتها للفاتورة.

تعديل الكمية أو حذف صنف قبل تأكيد الفاتورة.

زر “Create Invoice” لحفظ الفاتورة مع البيانات كاملة.

Invoices Management:

عرض كل الفواتير في جدول مع خيارات:

Search بالنص لاسم العميل أو رقم الفاتورة.

Barcode Search لمسح باركود المنتج والبحث المباشر.

Pagination لتقسيم القائمة لو صفحات أصغر.

فتح أي فاتورة للتعديل أو الطباعة.

Settings:

إعدادات عامة للتطبيق (عملة السعر، نسبة العمولة الافتراضية، شعار الشركة…).

تغيير بيانات المسؤول الرئيسي (اسم المستخدم، كلمة المرور).

Backend:

NestJS مبني على Node.js وExpress، مكتوب كاملًا بـTypeScript لتوفير بنية واضحة وقابلة للتوسّع.

اتصال بقاعدة بيانات MongoDB عن طريق Mongoose

Frontend:

React مكتوب بـTypeScript لبناء واجهة مستخدم تفاعلية وقابلة لإعادة الاستخدام.

إدارة الحالة (State Management) باستخدام Redux Toolkit أو Context API مع TypeScript.

قاعدة البيانات:

MongoDB لتخزين جميع البيانات (المستخدمين، العملاء، المنتجات، الفواتير…).

API & Authentication:

بناء RESTful APIs باستخدام NestJS controllers وservices مع حمايات JWT أو Passport.js للتوثيق.