React-Components هو مشروع يعتمد على React مصمم لعرض مكونات واجهة المستخدم القابلة لإعادة الاستخدام المصممة باستخدام أدوات تطوير الويب الحديثة. يركز هذا المشروع على تقديم مكونات عالية الجودة ، متحركة وقابلة للتخصيص التي يمكن دمجها بسهولة في تطبيقات الويب المختلفة.
يحتوي المشروع على هيكل مجلد منظم جيدًا يحتوي فقط على المكونات القابلة لإعادة الاستخدام. هذا هو التصميم الحالي:
src/
├── components/
│ ├── Blogs1.jsx
│ ├── Blogs2.jsx
│ ├── Button.jsx
│ ├── Card.jsx
│ ├── Credit_Card.jsx
│ ├── Footer.jsx
│ ├── Login.jsx
│ ├── Navbar.jsx
│ ├── Pricing_Cards.jsx
| |__ Accordion.jsx
| |
│ └── SearchBar.jsx
|
├── App.jsx
└── main.jsx
.eslintrc.cjs
.gitignore
CODE_OF_CONDUCT.md
CONTRIBUTING.md
index.html
LICENSE
package-lock.json
package.json
vite.config.js
لإعداد المشروع محليًا ، اتبع هذه الخطوات:
استنساخ المستودع
git clone https://github.com/parthasdey2304/React-Components.git
cd react-components
تثبيت التبعيات تأكد من تثبيت Node.js. ثم ، قم بتشغيل الأمر التالي:
npm installابدأ تشغيل خادم التطوير ، ابدأ خادم التطوير باستخدام Vite:
npm run devبناء للإنتاج لإنشاء بناء إنتاج محسّن ، قم بتشغيله:
npm run buildبمجرد تشغيل خادم التطوير ، افتح متصفحك وانتقل إلى:
http://localhost:3000
يمكنك الآن استكشاف المكونات القابلة لإعادة الاستخدام واختبار وظائفها.
npm run dev : يبدأ خادم التطوير.npm run build : يبني المشروع للإنتاج.npm run lint : Prints The Project for Code Style Procession.npm run preview : معاينة بناء الإنتاج. نرحب بالمساهمات! يرجى قراءة إرشادات قواعد السلوك والمساهمة قبل تقديم أي مساهمات.
للمساهمة:
feature/your-feature أو fix/your-fix ).لمزيد من التفاصيل ، تحقق من إرشادات المساهمة الخاصة بنا.
إذا واجهت أي أخطاء أو لديك طلبات ميزة ، فيرجى فتح مشكلة. تأكد من أن القضية لم يتم الإبلاغ عنها بالفعل. تقديم معلومات مفصلة لمساعدتنا على فهم المشكلة وحلها بسرعة.
هذا المشروع مرخص بموجب ترخيص معهد ماساتشوستس للتكنولوجيا. انظر ملف الترخيص للحصول على التفاصيل.
لأي أسئلة أو اقتراحات ، لا تتردد في التواصل: