docs.wakuconnect.dev/content/docs/examples.md

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