mirror of
https://github.com/acid-info/docs.wakuconnect.dev.git
synced 2026-09-01 23:41:08 +00:00
121 lines
3.3 KiB
Markdown
121 lines
3.3 KiB
Markdown
---
|
|
title: Examples
|
|
date: 2021-12-09T14:00:00+01:00
|
|
weight: 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](https://github.com/status-im/js-waku/tree/master/examples/relay-reactjs-chat).
|
|
|
|
Demonstrates:
|
|
|
|
- Group chat
|
|
- React/JavaScript
|
|
- Waku Relay
|
|
- Protobuf using [protons](https://www.npmjs.com/package/protons)
|
|
- No async/await syntax
|
|
|
|
## Minimal ReactJS Waku Store App
|
|
|
|
Code: [store-reactjs-chat](https://github.com/status-im/js-waku/tree/master/examples/store-reactjs-chat).
|
|
|
|
Demonstrates:
|
|
|
|
- Waku Store
|
|
- React/JavaScript
|
|
- Protobuf using [protons](https://www.npmjs.com/package/protons)
|
|
|
|
## Minimal Angular Chat App
|
|
|
|
Code: [relay-angular-chat](https://github.com/status-im/js-waku/tree/master/examples/relay-angular-chat).
|
|
|
|
Demonstrates:
|
|
|
|
- Group chat
|
|
- Angular/JavaScript
|
|
- Waku Relay
|
|
- Protobuf using [protons](https://www.npmjs.com/package/protons)
|
|
- No async/await syntax
|
|
- Observables
|
|
|
|
## Using Waku Store in JavaScript With Minified Library
|
|
|
|
Code: [store-js](https://github.com/status-im/js-waku/tree/master/examples/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](https://github.com/status-im/js-waku/tree/master/examples/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](https://github.com/status-im/js-waku/tree/master/examples/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](https://github.com/bufbuild/buf) + [ts-proto](https://www.npmjs.com/package/ts-proto)
|
|
|
|
## Ethereum Private Message Web App
|
|
|
|
Code: [eth-pm](https://github.com/status-im/js-waku/tree/master/examples/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](https://www.npmjs.com/package/protobufjs)
|
|
|
|
## Ethereum Private Message Using Web3 Wallet Encryption API Web App
|
|
|
|
Code: [eth-pm-wallet-encryption](https://github.com/status-im/js-waku/tree/master/examples/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](https://www.npmjs.com/package/protobufjs)
|
|
|
|
## Uber-like minimalistic car sharing app suing Vue.js
|
|
|
|
Code: [TheBojda/waku-uber](https://github.com/TheBojda/waku-uber).
|
|
|
|
Article: [Decentralized Uber: Here's How I Built It With Status.im, Waku, and Vue.js](https://hackernoon.com/decentralized-uber-heres-how-i-built-it-with-statusim-waku-and-vuejs).
|
|
|
|
Demonstrates:
|
|
|
|
- Vue.js
|
|
- Waku Relay
|
|
- Protobuf using [protons](https://www.npmjs.com/package/protons)
|