status web

status-web

Dieses Monorepo enthält Pakete zum Erstellen von Webanwendungen im Status -Ökosystem. Diese Pakete können separat oder kombiniert werden, um konsistente und schöne Benutzeroberflächen zu erstellen.

Pakete

Name	npm	Beschreibung
@status-im/components		Komponentenbibliothek mit Radix UI, React Aria, Rückenwind -CSS.
@status-im/js		Libary für Waku -Protokollintegration und Blockchain -Wechselwirkungen.
@status-im/icons		Automatisch generierte Icon-Bibliothek basierend auf unserem Designsystem.
@status-im/colors		Automatisch generierte Farbpalette basierend auf unserem Designsystem.
@status-im/eslint-config		Shared ESLINT -Konfiguration für konsistente Codestile über Projekte hinweg.

Apps

Name	Beschreibung
./apps/connector	Status Desktop -Brieftasche erweitert auf dezentrale Anwendungen in Ihrem Browser.

Voraussetzungen

Erforderlich:

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

Empfohlen:

• Visual Studio -Code
  • Installieren Sie Erweiterungen, die in .vscode/extensions.json aufgeführt sind, um eine optimale Entwicklungserfahrung zu erhalten

Stapel

• Turborepo : Verwaltet unsere Monorepo und beschleunigt Builds
• TypeScript : Fügt unserem Code Type Sicherheit hinzu
• React : Unsere Hauptbibliothek für den Bau von UIs
• Radix UI / React Aria : Bietet zugängliche UI -Primitive
• Rückenwind -CSS : Zum Styling verwendet
• Vite : unser Build -Tool und Dev Server
• Storybook : Für die Entwicklung und Präsentation von Komponenten
• Eslint : Hält unseren Code konsistent und fängt potenzielle Probleme an
• Schöner : formatiert unseren Code
• Änderungen : Verwaltet Versioning und Changelogs

Erste Schritte

1. Klonen Sie das Repository:

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

2. Abhängigkeiten installieren:

    pnpm install
   

3. Erstellen Sie alle Pakete:

    pnpm build
   

4. Tests ausführen:

    pnpm test
   

5. Entwicklungsmodus starten:

    pnpm dev
   

Storybook

Um die Komponenten anzuzeigen und zu interagieren, können Sie Storybook ausführen:

 pnpm storybook

Dadurch wird der Storybook -Server gestartet, sodass Sie isolierte Komponenten durchsuchen und testen können.

Sponsoren

Dieses Projekt wird von BrowsStack gesponsert.