status web

status-web

Este Monorepo contém pacotes para criar aplicativos da Web no ecossistema de status. Esses pacotes podem ser usados separadamente ou combinados para criar interfaces de usuário consistentes e bonitas.

Pacotes

Nome	npm	Descrição
@status-im/components		Biblioteca de componentes construída com a interface do usuário do Radix, React Aria, Tailwind CSS.
@status-im/js		Libary for Waku Protocolo Integração e interações blockchain.
@status-im/icons		Biblioteca de ícones gerada automaticamente com base em nosso sistema de design.
@status-im/colors		Paleta de cores gerada automaticamente com base em nosso sistema de design.
@status-im/eslint-config		Configuração de ESLint compartilhada para um estilo de código consistente entre os projetos.

Aplicativos

Nome	Descrição
./apps/connector	A carteira de mesa de status estendida a aplicações descentralizadas no seu navegador.

Pré -requisitos

Obrigatório:

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

Recomendado:

• Código do Visual Studio
  • Instale extensões listadas em .vscode/extensions.json para obter uma experiência ideal de desenvolvimento

Pilha

• Turborepo : gerencia nosso monorepo e acelera as construções
• TypeScript : adiciona a segurança do tipo ao nosso código
• REACT : nossa principal biblioteca para a construção de UIs
• Radix UI / React Aria : fornece primitivas de interface de usuário acessíveis
• Tailwind CSS : usado para estilo
• Vite : nossa ferramenta de construção e servidor de desenvolvimento
• Livro de histórias : para desenvolver e exibir componentes
• Eslint : mantém nosso código consistente e captura problemas em potencial
• Mais bonito : formata nosso código
• Mudanças : gerencia o versão e o Changelogs

Começando

1. Clone o repositório:

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

2. Instale dependências:

    pnpm install
   

3. Crie todos os pacotes:

    pnpm build
   

4. Executar testes:

    pnpm test
   

5. Inicie o modo de desenvolvimento:

    pnpm dev
   

Livro de histórias

Para ver e interagir com os componentes, você pode executar o Storybook:

 pnpm storybook

Isso iniciará o servidor de livros de histórias, permitindo que você navegue e teste componentes isoladamente.

Patrocinadores

Este projeto é patrocinado pela BrowSerstack.