status web

status-web

Monorepo ini berisi paket untuk membangun aplikasi web di ekosistem status. Paket -paket ini dapat digunakan secara terpisah atau digabungkan untuk membuat antarmuka pengguna yang konsisten dan indah.

Paket

Nama	npm	Keterangan
@status-im/components		Perpustakaan Komponen Dibangun dengan Radix UI, React Aria, Tailwind CSS.
@status-im/js		Libary untuk integrasi protokol Waku dan interaksi blockchain.
@status-im/icons		Perpustakaan Ikon yang Dihasilkan Otomatis Berdasarkan sistem desain kami.
@status-im/colors		Palet warna yang dihasilkan secara otomatis berdasarkan sistem desain kami.
@status-im/eslint-config		Konfigurasi Eslint bersama untuk gaya kode yang konsisten di seluruh proyek.

Aplikasi

Nama	Keterangan
./apps/connector	Status Desktop Wallet diperluas ke aplikasi terdesentralisasi di browser Anda.

Prasyarat

Diperlukan:

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

Direkomendasikan:

• Kode Studio Visual
  • Instal ekstensi yang tercantum dalam .vscode/extensions.json untuk pengalaman pengembangan yang optimal

Tumpukan

• Turborepo : Mengelola monorepo kami dan mempercepat pembangunan
• TypeScript : Tambahkan jenis keamanan ke kode kami
• Bereaksi : Perpustakaan Utama kami untuk Membangun UI
• Radix UI / React ARIA : Menyediakan primitif UI yang dapat diakses
• Tailwind CSS : Digunakan untuk gaya
• Vite : Alat Build dan Server Dev kami
• Buku cerita : untuk mengembangkan dan menampilkan komponen
• Eslint : menjaga kode kami konsisten dan menangkap masalah potensial
• Prettier : Memformat kode kami
• Changesets : Mengelola versi dan changelogs

Memulai

1. Klon Repositori:

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

2. Instal dependensi:

    pnpm install
   

3. Bangun semua paket:

    pnpm build
   

4. Jalankan tes:

    pnpm test
   

5. Mulai Mode Pengembangan:

    pnpm dev
   

Buku cerita

Untuk melihat dan berinteraksi dengan komponen, Anda dapat menjalankan buku cerita:

 pnpm storybook

Ini akan memulai server buku cerita, memungkinkan Anda untuk menelusuri dan menguji komponen dalam isolasi.

Sponsor

Proyek ini disponsori oleh BrowserStack.