mirror of
https://github.com/waku-org/js.waku.guide.git
synced 2025-02-23 12:18:15 +00:00
98 lines
2.7 KiB
Markdown
98 lines
2.7 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 _repo_ links.
|
|
|
|
## Minimal ReactJS Chat App
|
|
|
|
Repo: [min-react-js-chat](https://github.com/status-im/js-waku/tree/main/examples/min-react-js-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
|
|
|
|
Repo: [store-reactjs-chat](https://github.com/status-im/js-waku/tree/main/examples/store-reactjs-chat).
|
|
|
|
Demonstrates:
|
|
|
|
- Waku Store
|
|
- React/JavaScript
|
|
- Protobuf using [protons](https://www.npmjs.com/package/protons)
|
|
|
|
## Vanilla Javascript Using Minified Library
|
|
|
|
Repo: [unpkg-js-store](https://github.com/status-im/js-waku/tree/main/examples/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](https://github.com/status-im/js-waku/tree/main/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
|
|
|
|
Repo: [eth-pm](https://github.com/status-im/js-waku/tree/main/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
|
|
|
|
Repo: [eth-pm-wallet-encryption](https://github.com/status-im/js-waku/tree/main/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
|
|
|
|
Repo: [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)
|