status web

status-web

Ce monorepo contient des packages pour la création d'applications Web dans l'écosystème d'état. Ces packages peuvent être utilisés séparément ou combinés pour créer des interfaces utilisateur cohérentes et belles.

Packages

Nom	npm	Description
@status-im/components		Bibliothèque de composants construite avec Radix UI, React Aria, Tailwind CSS.
@status-im/js		Libary pour l'intégration du protocole Waku et les interactions blockchain.
@status-im/icons		Bibliothèque d'icônes générée automatiquement basée sur notre système de conception.
@status-im/colors		Palette de couleurs générée automatiquement basée sur notre système de conception.
@status-im/eslint-config		Configuration Eslint partagée pour le style de code cohérent entre les projets.

Applications

Nom	Description
./apps/connector	Portefeuille de bureau d'état étendu aux applications décentralisées dans votre navigateur.

Condition préalable

Requis:

• Node.js v20.x
• pnpm v9.12.x

Recommandé:

• Code Visual Studio
  • Installez les extensions répertoriées dans .vscode/extensions.json pour une expérience de développement optimale

Empiler

• Turborepo : gère notre monorepo et accélère les constructions
• TypeScript : ajoute la sécurité de type à notre code
• React : Notre bibliothèque principale pour la construction d'UIS
• Radix ui / react aria : fournit des primitives d'interface utilisateur accessibles
• CSS du vent arrière : utilisé pour le style
• Vite : notre outil de construction et le serveur de développement
• Livre de contes : pour développer et présenter des composants
• Eslint : maintient notre code cohérent et attrape des problèmes potentiels
• Plus joli : formats notre code
• Enfants : gère le versioning et les changelogs

Commencer

1. Clone le référentiel:

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

2. Installez les dépendances:

    pnpm install
   

3. Construisez tous les packages:

    pnpm build
   

4. Exécutez des tests:

    pnpm test
   

5. Démarrer le mode de développement:

    pnpm dev
   

Livre de contes

Pour voir et interagir avec les composants, vous pouvez exécuter un livre de contes:

 pnpm storybook

Cela commencera le serveur de contes de contes, vous permettant de parcourir et de tester les composants isolément.

Sponsors

Ce projet est parrainé par Browserstack.