DappConnect SDKs to easily add decentralized communications to your dApp, powered bu Waku.
Go to file
Pavel a7e9b1f9e3
[website] Add feature pages (#423)
* add illustrations assets

* add stickers assets

* add communities assets

* add create community assets

* rename messenger assets

* unify messenger assets

* add homepage assets

* add communities page

* add create community page

* add assets relative path

* update messenger page

* remove routes

* update homepage

* update app layout

* unify illustrations

* add images path

* update featre feature pages sections

* update stickers

* add titles to tailwind.config

* update homepage

* update features pages

* remove arbitrary font values from titles

* update links

* move arbitrary values to config

* update app layout

* update titles

* update assets

* fix tw linting

* changes

* update homepage assets

* add size to stickers

* update app layout

* add tokens assets

* update homepage

* fix colors

* update section

* update sections

* add explore dapps section

* add parallax circles

* improve parallax hook

* use react-scroll-parallax

* update parallax circle

* make section responsive

* fix hero, add desktop screenshot section

* remove snap

* sections

* update footer icon

* update wallet assets paths

* add moar stickers

* add tailwind helpers

* extract feature list

* use container

* update assets

* use new assets

* feature list

* update illustrations in help

* fix typing

* add community cards

* update hero images

* update hero images

* use wallet image

* THE DARK

---------

Co-authored-by: Jakub Kotula <520927+jkbktl@users.noreply.github.com>
2023-06-29 12:36:04 +01:00
.changeset [*] include build step in release action (#437) 2023-06-29 12:25:19 +01:00
.github/workflows [*] include build step in release action (#437) 2023-06-29 12:25:19 +01:00
.husky Add pre-commit git hooks (#229) 2022-02-24 23:27:22 +01:00
.vscode [website] Add blog (#417) 2023-06-21 11:35:48 +01:00
apps [website] Add feature pages (#423) 2023-06-29 12:36:04 +01:00
examples [website] Add link previews (#407) 2023-05-29 17:11:02 +02:00
packages Release (#436) 2023-06-29 12:03:49 +01:00
patches Setup apps/website (#383) 2023-04-26 12:06:18 +02:00
.editorconfig Add editorconfig 2022-02-25 14:56:28 +01:00
.eslintignore fix more incorrectly resolved conflicts 2023-05-16 11:53:43 +02:00
.gitignore [website] Add documentation (#403) 2023-06-27 21:30:11 +01:00
.prettierrc Improve Prettier monorepo configuration (#225) 2022-02-23 15:49:00 +01:00
LICENSE-APACHE-v2 Update packages to @status-im (#223) 2022-02-23 15:03:14 +01:00
LICENSE-MIT Update packages to @status-im (#223) 2022-02-23 15:03:14 +01:00
README.md use yarn in readme 2022-11-17 18:44:25 +01:00
eas.json Add blur and IconButton variants (#340) 2023-02-10 17:25:13 +01:00
package.json [*] prepare packages for release (#432) 2023-06-29 11:04:52 +01:00
tsconfig.base.json fix more incorrectly resolved conflicts 2023-05-16 11:53:43 +02:00
turbo.json Update turbo.json (#404) 2023-05-16 14:41:24 +02:00
vercel.json Set up website deployment (#391) 2023-05-12 15:06:04 +02:00
yarn.lock [website] Add feature pages (#423) 2023-06-29 12:36:04 +01:00

README.md

Status Web 🌐

CI

About

Embeddable, customizable and themable component for your Status Community.

Who

  • For community leaders
  • online content creators
  • and their followers

What

  • It is 100% open source
  • 100% decentralized
  • Peer-to-peer
  • Private
  • Pseudoanonymous
  • End-to-end encrypted
  • Free
  • Permissionless
  • Serverless
  • Group chat platform
  • And a virtual space outside the jurisdiction of any government

Why

  • To communicate and collaborate freely without worrying about
    • Censorship
    • Persecution
    • Chilling effects
    • Interference
    • Oppression
    • Being deplatformed, or shut down
  • Support
    • Autonomy
    • Free speech
    • Freedom of association
    • Freedom to transact
    • Right to privacy
    • Crypto native and frictionless integration
    • Monetization
    • Facilitation of sharing of common interests, needs, desires and values
  • Be trusted alternative to centralized group chat application

Usage

For Community owners 👥

Get public key to your pre-existing Community:

  1. Open Status Desktop
  2. Select Community
  3. Click on its overview in upper left corner
  4. Invite new people
  5. Share community
  6. Get only the public key from the URL (e.g. 0x033c88c950480493e2e759923bd38f9aad88e1b36295757a598679a569e6a96801)

Or create new one first:

  1. Get Status Desktop at https://status.im/get
  2. Go to Chat
  3. Click on plus icon
  4. Click on Communities

Use the Community component:

In your project,

Install package:

npm install @status-im/react

Import component:

import { Community } from '@status-im/react'

Set component props:

<Community
  publicKey="0x033c88c950480493e2e759923bd38f9aad88e1b36295757a598679a569e6a96801"
  theme="light"
/>

For an example, see examples/with-vite/src/app.tsx.

For User 👤

Simply visit your Community's URL from the browser:

If the Community doesn't require a joining request, that would be it. So look around and get the feel for the space.

Once ready to chat, create a throwaway profile:

Use Throwaway Profile > wait for your request to be approved and the chat input enabled > react to and write messages

Optionally, you could even run the application locally yourself.

Get the source ready:

git clone https://github.com/status-im/status-web.git
cd ./status-web
yarn install
yarn run build

Add your Community's public key to your environment:

echo 'PUBLIC_KEY="0x033c88c950480493e2e759923bd38f9aad88e1b36295757a598679a569e6a96801"' >> examples/with-vite/.env

And run it:

yarn workspace with-vite run dev