waku-org/js.waku.guide
1
0
Fork 0
mirror of https://github.com/waku-org/js.waku.guide.git synced 2025-02-23 20:28:19 +00:00
Code Issues Packages Projects Releases Wiki Activity
js.waku.guide/content/docs/examples.md
Franck R 22d30fbbf2
Add relay js example (#48)
2022-03-24 15:39:00 +11:00

3.3 KiB
Raw Blame History

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