الصفحة الرئيسية>PHP كود المصدر>فئات أخرى
تنزيل

رد الفعل-dashboard

أدا

React Admin Dashboard هي تطبيق ويب مذهل يحتوي على واجهة مستخدم جميلة وتم تصميمه باستخدام CSS المتقدمة JavaScript و React و Tailwind CSS. توفر لوحة القيادة هذه تجربة مستخدم شاملة وبديهية ، مما يتيح للمستخدمين إدارة بياناتهم وتتبعها بسهولة. React هي مكتبة JavaScript قوية تمكن المطورين من إنشاء واجهات مستخدم فعالة وديناميكية ، في حين توفر CSS Tailwind مجموعة من الفئات المحددة مسبقًا والتي تجعل من السهل تصميم وتخصيص عناصر واجهة المستخدم. مزيج من هاتين التقنيتين ، جنبا إلى جنب مع مفاهيم JavaScript المتقدمة ، يجعل لتجربة المستخدم استجابة للغاية وجذابة. مع لوحة معلومات React Admin ، يمكن للمستخدمين البقاء على رأس بياناتهم بسهولة والاستمتاع بواجهة ممتعة بصريًا.

تم استضافة هذا المشروع في NetLify: React-Admin-Dashboard بواسطة OM

ابدء

ستجلب لك هذه التعليمات نسخة من المشروع وتشغيلها على جهازك المحلي لأغراض التطوير والاختبار.

المتطلبات الأساسية قبل البدء ، تأكد من تثبيت البرنامج التالي على جهاز الكمبيوتر الخاص بك:

Node.js NPM (مدير حزمة العقدة)

؟ مهارات

JavaScript ، HTML ، CSS ، React.js ، و tailwindcss.

كيفية استخدام هذا المستودع؟

  1. استنساخ المستودع إلى جهازك المحلي 
  git clone https://github.com/omunite215/React-Admin-DashBoard.git
  1. انتقل إلى دليل المشروع 
  cd React-Admin-DashBoard
  1. تثبيت التبعيات اللازمة 
  npm install
  1. ابدأ خادم التطوير 
  npm start

يجب أن يكون الموقع الآن جاهزًا على http: // localhost: 3000.

بنيت مع:

  • React - مكتبة JavaScript لبناء واجهات المستخدم
  • Tailwind - إطار CSS الحديث.
  • HTML - لغة الترميز القياسية لإنشاء صفحات الويب
  • CSS - لغة ورقة الأنماط المستخدمة لوصف مظهر وتنسيق وثيقة مكتوبة في HTML
  • React Context API - يتيح لنا تمرير البيانات من خلال أشجار المكونات لدينا ، مما يمنح مكوناتنا القدرة على التواصل ومشاركة البيانات على مستويات مختلفة.

سمات

  • الوضع الخفيف والظلام.
  • خيارات لون الموضوع.
  • استجابة.
  • واجهة المستخدم الجميلة.
  • الرسوم البيانية الجميلة التي تم إنشاؤها باستخدام Syncfusion

مكدس التكنولوجيا

العميل: React ، Tailwindcss ، syncfusion

الخادم: NetLify

ْعَنِّي

Front - End Web Development Privailiziost:

  • تصميم UI/UX.
  • تطوير الويب الأمامي

أقسام ملف تعريف github شائع آخر

؟ ‍♀ أنا أتطلع إلى التعاون في مشاريع Dev في الواجهة الأمامية على React.js

تعليق

إذا كان لديك أي ملاحظات ، فيرجى التواصل معي على [email protected]

المؤلفون

  • تم صنع هذا المشروع باستخدام برنامج تعليمي لـ JavaScript Mastery

  • @OM Patel

شكر وتقدير

  • API السريع

  • مستندات رد فعل

صورة شعار OM

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل