الصفحة الرئيسية>المتعلقة بالبرمجة>كود الذكاء الاصطناعي
تنزيل

status-web

يحتوي هذا monorepo على حزم لبناء تطبيقات الويب في النظام البيئي للحالة. يمكن استخدام هذه الحزم بشكل منفصل أو مجتمعة لإنشاء واجهات مستخدم متسقة وجميلة.

حزم

اسم npm وصف
@status-im/components مكتبة مكون مصممة باستخدام واجهة مستخدم Radix ، رد فعل ARIA ، CSS Tailwind.
@status-im/js libary لتكامل بروتوكول Waku وتفاعلات blockchain.
@status-im/icons مكتبة الأيقونة التي تم إنشاؤها تلقائيًا بناءً على نظام التصميم الخاص بنا.
@status-im/colors لوحة الألوان التي تم إنشاؤها تلقائيًا بناءً على نظام التصميم الخاص بنا.
@status-im/eslint-config تكوين ESLINT المشترك لأسلوب رمز ثابت عبر المشاريع.

التطبيقات

اسم وصف
./apps/connector تم تمديد محفظة سطح المكتب الحالة إلى التطبيقات اللامركزية في متصفحك.

المتطلبات الأساسية

مطلوب:

  • node.js v20.x
  • PNPM V9.12.x

مُستَحسَن:

  • رمز الاستوديو البصري
    • تثبيت ملحقات مدرجة في .vscode/extensions.json لتجربة التطوير المثلى

كومة

  • Turborepo : يدير Monorepo وسرعات البناء
  • TypeScript : يضيف نوع السلامة إلى الكود الخاص بنا
  • رد فعل : مكتبتنا الرئيسية لبناء واجهة المستخدم
  • Radix UI / React ARIA : يوفر بدايات واجهة المستخدم التي يمكن الوصول إليها
  • CSS Tailwind : تستخدم للتصميم
  • Vite : أداة البناء لدينا وخادم DEV
  • كتاب القصص : لتطوير وعرض المكونات
  • ESLINT : يحافظ على رمزنا متسقًا ويمسك بالمشكلات المحتملة
  • أجمل : تنسيقات الكود لدينا
  • تغييرات : تدير الإصدار و changelogs

ابدء

  1. استنساخ المستودع: 

     git clone https://github.com/status-im/status-web.git
cd status-web

  2. تثبيت التبعيات: 

     pnpm install

  3. بناء جميع الحزم: 

     pnpm build

  4. إجراء اختبارات: 

     pnpm test

  5. بدء وضع التطوير: 

     pnpm dev

قصص

لعرض المكونات والتفاعل معها ، يمكنك تشغيل كتاب القصص: 

 pnpm storybook

سيبدأ هذا خادم Storybook ، مما يسمح لك بتصفح المكونات واختبارها بمعزل عن ذلك.

الرعاة

هذا المشروع برعاية Browserstack.

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