reforge

حل واجهة مستخدم جاهز لتطبيقات المؤسسات باعتباره نموذجًا نموذجيًا لـ React.

العرض التوضيحي · الإبلاغ عن الأخطاء · ميزة الطلب

سمات

• واجهة مستخدم أنيقة وقابلة للتخصيص باستخدام Tailwindcss و Ant Design .
• تطبيق صفحة واحدة باستخدام React Router .
• طلب واجهة برمجة تطبيقات وهمية باستخدام reqres .
• تخطيط وجدول قويان باستخدام @ant-design/pro-components .
• تقسيم التعليمات البرمجية وتحميل المكونات البطيئة باستخدام @loadable/component .
• إدارة الحالة باستخدام react-redux و @reduxjs/toolkit .
• حالة الإعادة المستمرة باستخدام redux-persist .
• تحميل شريط التقدم باستخدام nprogress
• تم تمكين ESLint و Prettier .
• خيار لتمكين تطبيق الويب التقدمي (PWA). (متوفر فقط في بناء الإنتاج)
• تم تمكين جهاز اعتراض Axios للتعامل مع ترخيص واجهة برمجة التطبيقات (API).
• سير العمل الآلي للتحقق من طلب السحب الجديد.

تجريبي

https://reforge.netlify.app

أوراق اعتماد

• البريد الإلكتروني: [email protected]
• كلمة المرور: password

الاستخدام

• استنساخ المشروع وتغيير الدليل.

  git clone https://github.com/arifszn/reforge.git
  cd reforge

• تثبيت التبعيات.

  npm install

• قم بتشغيل خادم التطوير.

  npm run dev

• وأخيرًا، قم بزيارة http://localhost:5173 من متصفحك. يمكن العثور على بيانات الاعتماد أعلاه.

التكوين

يمكن التحكم في الإعدادات بما في ذلك اسم التطبيق ولون السمة والعلامات الوصفية وما إلى ذلك من ملف واحد config.ts موجود في جذر المشروع.

 //config.ts
const CONFIG = {
  appName : 'Reforge' ,
  enablePWA : true ,
  theme : {
    accentColor : '#818cf8' ,
    sidebarLayout : 'mix' ,
    showBreadcrumb : true ,
  } ,
  metaTags : {
    title : 'Reforge' ,
    description :
      'An out-of-box UI solution for enterprise applications as a React boilerplate.' ,
    imageURL : 'logo.svg' ,
  } ,
} ;

export default CONFIG ; 

يدعم

يمكنك إظهار دعمك من خلال تمييز هذا المشروع بنجمة. ★

يساهم

للمساهمة، راجع دليل المساهمة.

رخصة

معهد ماساتشوستس للتكنولوجيا