اذهب إلى المحتوى
  • 0

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

Abdullah Alobide

السؤال

Recommended Posts

  • 0

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

حيث ان الموقع الخاص بك غير متوافق مع كل الشاشات ولا يراعي قواعد التصميم وتجربة المستخدم فمثلاً العناصر رقم 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 للمشروع وتركت الاعدادات الافتراضية :

1.png.c70a46659f99bbd06edb509a0f56052e.png

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

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

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

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...