طلب مراجعة مشروع React js & node js

اطلعت على المشروع الخاص بك وملاحظاتي هي ملاحظات تصميمية بشكل رئيسي.

حيث ان الموقع الخاص بك غير متوافق مع كل الشاشات ولا يراعي قواعد التصميم وتجربة المستخدم فمثلاً العناصر رقم 1 في الصورة يجب ان تكون اكبر حجماً وكذلك فإن العناصر رقم 2 ستكون افضل لو كانت كل واحدة منها بصفحة منفرده (عند النقر على ايقونة المصاريف يظهر لوحة ادخال المصاريف)، ورغم ذلك فأعتقد انه يمكنك تعديل المشروع بسهوله.

اعرف اكثر عن تصميم واجهة المستخدم

اعرف اكثر عن تصميم تجربة المستخدم

كما لاحظت انك استدعيت الـ static قبل الـ routes وهذا خاطئ، حيث ينبغي ان يكون الـ static بعد الـ routes :

// الكود الخاص بك
app.use(express.static(path.join(__dirname, 'public')));
app.use(expressValidetor());
app.use('/', indexRouter);
app.use('/', usersRouter);

// الشكل الصحيح هو
app.use(expressValidetor());
app.use('/', indexRouter);
app.use('/', usersRouter);
app.use(express.static(path.join(__dirname, 'public')));

كما لاحظت انك لم تضع title ولا favicon ولا description للمشروع وتركت الاعدادات الافتراضية :

ويمكنك تعديلها من ملف الـ index.html :

<link rel="icon" type="image/x-icon" href="مسار الصورة">
<meta
      name="description"
      content="الوصف الذي تريده"
      />   
<title>العنوان الذي تريده</title>

في النهاية لاحظت بعض الاخطاء الاملائية في الكود الخاص بك واعتقد انه من المفيد ان تستخدم اضافة لتصحيح الاخطاء الاملائية مثل Code Spell Checker.