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

94 lines
2.5 KiB
Markdown
Raw Normal View History

replace mdBook with Hugo for site generation An attempt to get multi-language support with a simple site generator: https://gohugo.io/ Research issue: https://github.com/vacp2p/docs.dappconnect.dev/issues/7 Theme: https://themes.gohugo.io/themes/hugo-book/ I've dropped the Waku specs part for simplicity of the PR, you can re-add it later yourself @D4nte . Signed-off-by: Jakub Sokołowski <jakub@status.im>
2021-12-09 15:27:58 +01:00
---
title: Examples
date: 2021-12-09T14:00:00+01:00
Add videos (#24)
2022-01-12 14:41:29 +11:00
weight: 40
replace mdBook with Hugo for site generation An attempt to get multi-language support with a simple site generator: https://gohugo.io/ Research issue: https://github.com/vacp2p/docs.dappconnect.dev/issues/7 Theme: https://themes.gohugo.io/themes/hugo-book/ I've dropped the Waku specs part for simplicity of the PR, you can re-add it later yourself @D4nte . Signed-off-by: Jakub Sokołowski <jakub@status.im>
2021-12-09 15:27:58 +01:00
---
Import guides from js-waku (#1)
2021-11-30 12:50:16 +11:00
# 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
Add Vue.js example (#3)
2021-12-01 15:54:23 +11:00
- Protobuf using [protons](https://www.npmjs.com/package/protons)
Import guides from js-waku (#1)
2021-11-30 12:50:16 +11:00
- 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
Add Vue.js example (#3)
2021-12-01 15:54:23 +11:00
- Protobuf using [protons](https://www.npmjs.com/package/protons)
Import guides from js-waku (#1)
2021-11-30 12:50:16 +11:00
## 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).
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).
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).
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)
Add Vue.js example (#3)
2021-12-01 15:54:23 +11:00
## 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)
Reference in New Issue Copy Permalink