DappConnect SDKs to easily add decentralized communications to your dApp, powered bu Waku.

Go to file

markoburcul bb1493c5af shell-nix: update the nixpkgs version Signed-off-by: markoburcul <marko@status.im>		2024-10-31 14:47:50 +01:00
.changeset	add missing directive to `<SegmentedControl />` (#630 )	2024-10-18 13:39:06 +02:00
.github/workflows	f	2024-10-29 11:30:00 +01:00
.husky	use pnpm	2024-10-29 10:53:49 +01:00
.vscode	use pnpm	2024-10-29 10:53:49 +01:00
apps/connector	shell-nix: update the nixpkgs version	2024-10-31 14:47:50 +01:00
packages	f	2024-10-29 11:19:04 +01:00
patches	f	2024-10-29 11:07:16 +01:00
.editorconfig	Add editorconfig	2022-02-25 14:56:28 +01:00
.eslintignore	2.0 (#523 )	2024-09-25 17:17:58 +02:00
.gitignore	2.0 (#523 )	2024-09-25 17:17:58 +02:00
.npmignore	use pnpm	2024-10-29 10:53:49 +01:00
.npmrc	use pnpm	2024-10-29 10:53:49 +01:00
.prettierignore	f	2024-10-29 14:51:15 +01:00
.prettierrc	2.0 (#523 )	2024-09-25 17:17:58 +02:00
LICENSE.md	2.0 (#523 )	2024-09-25 17:17:58 +02:00
README.md	use pnpm	2024-10-29 10:53:49 +01:00
package.json	f	2024-10-29 14:51:15 +01:00
pnpm-lock.yaml	f	2024-10-29 14:51:15 +01:00
pnpm-workspace.yaml	use pnpm	2024-10-29 10:53:49 +01:00
tsconfig.base.json	2.0 (#523 )	2024-09-25 17:17:58 +02:00
turbo.json	2.0 (#523 )	2024-09-25 17:17:58 +02:00
vercel.json	Set up website deployment (#391 )	2023-05-12 15:06:04 +02:00

README.md

`status-web`

This monorepo contains packages for building web applications in the Status ecosystem. These packages can be used separately or combined to create consistent and beautiful user interfaces.

Packages

Name	`npm`	Description
`@status-im/components`		Component library built with Radix UI, React Aria, Tailwind CSS.
`@status-im/js`		Libary for Waku protocol integration and blockchain interactions.
`@status-im/icons`		Auto-generated icon library based on our design system.
`@status-im/colors`		Auto-generated color palette based on our design system.
`@status-im/eslint-config`		Shared ESLint configuration for consistent code style across projects.

Apps

Name	Description
`./apps/connector`	Status Desktop Wallet extended to decentralised applications in your browser.

Prerequisites

Required:

Node.js v18.x
pnpm v9.12.x

Recommended:

Visual Studio Code
- install extensions listed in .vscode/extensions.json for optimal development experience

Stack

Turborepo: Manages our monorepo and speeds up builds
TypeScript: Adds type safety to our code
React: Our main library for building UIs
Radix UI / React Aria: Provides accessible UI primitives
Tailwind CSS: Used for styling
Vite: Our build tool and dev server
Storybook: For developing and showcasing components
ESLint: Keeps our code consistent and catches potential issues
Prettier: Formats our code
Changesets: Manages versioning and changelogs

Getting Started

Clone the repository:

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

Install dependencies:
```
pnpm install
```
Build all packages:
```
pnpm build
```
Run tests:
```
pnpm test
```
Start development mode:
```
pnpm dev
```

Storybook

To view and interact with the components, you can run Storybook:

pnpm storybook

This will start the Storybook server, allowing you to browse and test components in isolation.