js.waku.guide/content/docs/examples.md

title	date	weight
Examples	2021-12-09T14:00:00+01:00	40

Examples

Here is the list of the code examples and the features they demonstrate. To run or studies the example, click on the repo links.

Minimal ReactJS Chat App

Repo: min-react-js-chat.

Demonstrates:

• Group chat
• React/JavaScript
• Waku Relay
• Protobuf using protons
• No async/await syntax

Minimal ReactJS Waku Store App

Repo: store-reactjs-chat.

Demonstrates:

• Waku Store
• React/JavaScript
• Protobuf using protons

Vanilla Javascript Using Minified Library

Repo: unpkg-js-store.

Demonstrates:

• How to stop retrieving results from Waku Store on condition
• Use minified bundle from Unpkg.com
• Vanilla JavaScript application

Web Chat App

Repo: web-chat. Live: https://js-waku.wakuconnect.dev/examples/web-chat/

Demonstrates:

• Group chat
• React/TypeScript
• Waku Relay
• Waku Store
• Protobuf using .proto files + bufbuild + ts-proto

Ethereum Private Message Web App

Repo: eth-pm. Live: https://js-waku.wakuconnect.dev/examples/eth-pm/

Demonstrates:

• Private messaging
• React/TypeScript
• Waku Light Push
• Signature with Web3 Wallet
• Asymmetric Encryption
• Symmetric Encryption
• Protobuf using protobufjs

Ethereum Private Message Using Web3 Wallet Encryption API Web App

Repo: eth-pm-wallet-encryption. Live: https://js-waku.wakuconnect.dev/examples/eth-pm-wallet-encryption/

Demonstrates:

• Private Messaging
• React/TypeScript
• Waku Light Push
• Signature with Web3 using EIP-712: eth_signTypedData_v4
• Asymmetric Encryption
• Usage of eth_decrypt Web3 Wallet API
• Protobuf using protobufjs

Uber-like minimalistic car sharing app suing Vue.js

Repo: TheBojda/waku-uber.

Article: Decentralized Uber: Here's How I Built It With Status.im, Waku, and Vue.js.

Demonstrates:

• Vue.js
• Waku Relay
• Protobuf using protons