Examples

Examples #

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

Minimal ReactJS Chat App #

Code: relay-reactjs-chat.

Demonstrates:

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

Minimal ReactJS Waku Store App #

Code: store-reactjs-chat.

Demonstrates:

  • Waku Store
  • React/JavaScript
  • Protobuf using protons

Minimal Angular Chat App #

Code: relay-angular-chat.

Demonstrates:

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

Using Waku Store in JavaScript With Minified Library #

Code: store-js.

Demonstrates:

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

Using Waku Relay in JavaScript With Minified Library #

Code: relay-js.

Demonstrates:

  • Waku Relay: Send and receive messages using Waku Relay
  • Use minified bundle from unpkg.com
  • Pure JavaScript application

Web Chat App #

Code: 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 #

Code: 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 #

Code: 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 #

Code: 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