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