mirror of
https://github.com/acid-info/docs.wakuconnect.dev.git
synced 2025-02-23 06:58:19 +00:00
906 lines
20 KiB
HTML
906 lines
20 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" dir="ltr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="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: relay-reactjs-chat.
|
|
Demonstrates:
|
|
Group chat React/JavaScript Waku Relay Protobuf using protons No async/await syntax Minimal ReactJS Waku Store App # Repo: store-reactjs-chat.
|
|
Demonstrates:
|
|
Waku Store React/JavaScript Protobuf using protons Minimal Angular Chat App # Repo: relay-angular-chat.">
|
|
<meta name="theme-color" content="#FFFFFF">
|
|
<meta name="color-scheme" content="light dark"><meta property="og:title" content="Examples" />
|
|
<meta property="og:description" content="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: relay-reactjs-chat.
|
|
Demonstrates:
|
|
Group chat React/JavaScript Waku Relay Protobuf using protons No async/await syntax Minimal ReactJS Waku Store App # Repo: store-reactjs-chat.
|
|
Demonstrates:
|
|
Waku Store React/JavaScript Protobuf using protons Minimal Angular Chat App # Repo: relay-angular-chat." />
|
|
<meta property="og:type" content="article" />
|
|
<meta property="og:url" content="https://docs.wakuconnect.dev/docs/examples/" /><meta property="article:section" content="docs" />
|
|
<meta property="article:published_time" content="2021-12-09T14:00:00+01:00" />
|
|
<meta property="article:modified_time" content="2022-02-18T09:38:14+00:00" />
|
|
|
|
<title>Examples | Waku Connect Docs</title>
|
|
<link rel="manifest" href="/manifest.json">
|
|
<link rel="icon" href="/favicon.png" type="image/x-icon">
|
|
<link rel="stylesheet" href="/book.min.89a77f7e702a8626749b948bbfb01109823daf6c1246ca407d1378833494c402.css" integrity="sha256-iad/fnAqhiZ0m5SLv7ARCYI9r2wSRspAfRN4gzSUxAI=" crossorigin="anonymous">
|
|
<script defer src="/flexsearch.min.js"></script>
|
|
<script defer src="/en.search.min.134b8d542f82e1a09ca5b0e232cf363493908dd62624bc6d02c9722253ff3da3.js" integrity="sha256-E0uNVC+C4aCcpbDiMs82NJOQjdYmJLxtAslyIlP/PaM=" crossorigin="anonymous"></script>
|
|
<!--
|
|
Made with Book Theme
|
|
https://github.com/alex-shpak/hugo-book
|
|
-->
|
|
|
|
</head>
|
|
<body dir="ltr">
|
|
<input type="checkbox" class="hidden toggle" id="menu-control" />
|
|
<input type="checkbox" class="hidden toggle" id="toc-control" />
|
|
<main class="container flex">
|
|
<aside class="book-menu">
|
|
<div class="book-menu-content">
|
|
|
|
<nav>
|
|
<h2 class="book-brand">
|
|
<a class="flex align-center" href="/"><span>Waku Connect Docs</span>
|
|
</a>
|
|
</h2>
|
|
|
|
|
|
<div class="book-search">
|
|
<input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
|
|
<div class="book-search-spinner hidden"></div>
|
|
<ul id="book-search-results"></ul>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ul class="book-languages">
|
|
<li>
|
|
<input type="checkbox" id="languages" class="toggle" />
|
|
<label for="languages" class="flex justify-between">
|
|
<a role="button" class="flex align-center">
|
|
<img src="/svg/translate.svg" class="book-icon" alt="Languages" />
|
|
English
|
|
</a>
|
|
</label>
|
|
|
|
<ul>
|
|
|
|
<li>
|
|
<a href="https://docs.wakuconnect.dev/es/">
|
|
Español
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="https://docs.wakuconnect.dev/pt/">
|
|
Português
|
|
</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://docs.wakuconnect.dev/docs/introduction/" class="">Introduction</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://docs.wakuconnect.dev/docs/quick_start/" class="">Quick Start</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://docs.wakuconnect.dev/docs/faq/" class="">FAQ</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://docs.wakuconnect.dev/docs/use_cases/" class="">Use Cases</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://docs.wakuconnect.dev/docs/presentations/" class="">Presentations & Videos</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://docs.wakuconnect.dev/docs/guides/" class="">Guides</a>
|
|
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://docs.wakuconnect.dev/docs/guides/01_choose_content_topic/" class="">How to Choose a Content Topic</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://docs.wakuconnect.dev/docs/guides/discovery_bootstrap/" class="">Discovery & Bootstrap Nodes</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://docs.wakuconnect.dev/docs/guides/02_relay_receive_send_messages/" class="">Receive and Send Messages Using Waku Relay</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://docs.wakuconnect.dev/docs/guides/03_store_retrieve_messages/" class="">Retrieve Messages Using Waku Store</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://docs.wakuconnect.dev/docs/guides/04_encrypt_messages_version_1/" class="">Encrypt Messages Using Waku Message Version 1</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://docs.wakuconnect.dev/docs/guides/sign_messages_web3_eip712/" class="">Sign Messages Using a Web3 Wallet (EIP-712)</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://docs.wakuconnect.dev/docs/guides/05_sign_messages_version_1/" class="">Sign Messages Using Waku Message Version 1</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://docs.wakuconnect.dev/docs/guides/06_light_push_send_messages/" class="">Send Messages Using Waku Light Push</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://docs.wakuconnect.dev/docs/guides/07_reactjs_relay/" class="">Receive and Send Messages Using Waku Relay With ReactJS</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://docs.wakuconnect.dev/docs/guides/08_reactjs_store/" class="">Retrieve Messages Using Waku Store With ReactJS</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://docs.wakuconnect.dev/docs/guides/angular_relay/" class="">Send and Receive Messages Using Waku Relay With Angular v13</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://docs.wakuconnect.dev/docs/guides/nwaku/" class="">Nwaku Service Node</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://docs.wakuconnect.dev/docs/guides/debug/" class="">How to Debug your Waku dApp</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/" class="">Vote Poll Sdk</a>
|
|
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/" class="">Create a DApp</a>
|
|
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/01_create_dapp/" class="">Create the DApp and Install Dependencies</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/02_connect_wallet/" class="">Connect to the Ethereum Wallet</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/dapp_creation/03_connect_wallet_usedapp/" class="">Connect to the Ethereum Wallet useDapp</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/poll_sdk/" class="">Poll SDK</a>
|
|
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/poll_sdk/01_create-a-poll_button/" class="">Create-A-Poll Button</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/poll_sdk/02_poll_creation/" class="">Poll Creation Component</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/poll_sdk/03_poll_list/" class="">Poll List Component</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/vote_sdk/" class="">Vote SDK</a>
|
|
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/vote_sdk/01_deploying_smart_contract/" class="">Deploy smart contract</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/vote_sdk/02_voting_creation/" class="">Creating Voting component</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://docs.wakuconnect.dev/docs/guides/vote_poll_sdk/vote_sdk/03_using_voting/" class="">Use Voting Component</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://docs.wakuconnect.dev/docs/examples/" class=" active">Examples</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://docs.wakuconnect.dev/docs/crypto_libraries/" class="">Cryptographic Libraries</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://docs.wakuconnect.dev/docs/waku_protocols/" class="">Implemented Waku Protocols</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ul>
|
|
|
|
<li>
|
|
<a href="https://js-waku.wakuconnect.dev/" target="_blank" rel="noopener">
|
|
JS-Waku API Doc
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="https://vac.dev/" target="_blank" rel="noopener">
|
|
Vac Team
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="https://rfc.vac.dev/" target="_blank" rel="noopener">
|
|
Vac RFCs
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="https://status.im/" target="_blank" rel="noopener">
|
|
Status.im
|
|
</a>
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</nav>
|
|
|
|
|
|
|
|
|
|
<script>(function(){var a=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(b){localStorage.setItem("menu.scrollTop",a.scrollTop)}),a.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
|
|
|
|
|
|
|
|
</div>
|
|
</aside>
|
|
|
|
<div class="book-page">
|
|
<header class="book-header">
|
|
|
|
<div class="flex align-center justify-between">
|
|
<label for="menu-control">
|
|
<img src="/svg/menu.svg" class="book-icon" alt="Menu" />
|
|
</label>
|
|
|
|
<strong>Examples</strong>
|
|
|
|
<label for="toc-control">
|
|
|
|
<img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
|
|
|
|
</label>
|
|
</div>
|
|
|
|
|
|
|
|
<aside class="hidden clearfix">
|
|
|
|
|
|
<nav id="TableOfContents">
|
|
<ul>
|
|
<li><a href="#examples">Examples</a>
|
|
<ul>
|
|
<li><a href="#minimal-reactjs-chat-app">Minimal ReactJS Chat App</a></li>
|
|
<li><a href="#minimal-reactjs-waku-store-app">Minimal ReactJS Waku Store App</a></li>
|
|
<li><a href="#minimal-angular-chat-app">Minimal Angular Chat App</a></li>
|
|
<li><a href="#vanilla-javascript-using-minified-library">Vanilla Javascript Using Minified Library</a></li>
|
|
<li><a href="#web-chat-app">Web Chat App</a></li>
|
|
<li><a href="#ethereum-private-message-web-app">Ethereum Private Message Web App</a></li>
|
|
<li><a href="#ethereum-private-message-using-web3-wallet-encryption-api-web-app">Ethereum Private Message Using Web3 Wallet Encryption API Web App</a></li>
|
|
<li><a href="#uber-like-minimalistic-car-sharing-app-suing-vuejs">Uber-like minimalistic car sharing app suing Vue.js</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
|
|
|
|
|
|
</aside>
|
|
|
|
|
|
</header>
|
|
|
|
|
|
|
|
<article class="markdown"><h1 id="examples">
|
|
Examples
|
|
<a class="anchor" href="#examples">#</a>
|
|
</h1>
|
|
<p>Here is the list of the code examples and the features they demonstrate.
|
|
To run or studies the example, click on the <em>repo</em> links.</p>
|
|
<h2 id="minimal-reactjs-chat-app">
|
|
Minimal ReactJS Chat App
|
|
<a class="anchor" href="#minimal-reactjs-chat-app">#</a>
|
|
</h2>
|
|
<p>Repo: <a href="https://github.com/status-im/js-waku/tree/master/examples/relay-reactjs-chat">relay-reactjs-chat</a>.</p>
|
|
<p>Demonstrates:</p>
|
|
<ul>
|
|
<li>Group chat</li>
|
|
<li>React/JavaScript</li>
|
|
<li>Waku Relay</li>
|
|
<li>Protobuf using <a href="https://www.npmjs.com/package/protons">protons</a></li>
|
|
<li>No async/await syntax</li>
|
|
</ul>
|
|
<h2 id="minimal-reactjs-waku-store-app">
|
|
Minimal ReactJS Waku Store App
|
|
<a class="anchor" href="#minimal-reactjs-waku-store-app">#</a>
|
|
</h2>
|
|
<p>Repo: <a href="https://github.com/status-im/js-waku/tree/master/examples/store-reactjs-chat">store-reactjs-chat</a>.</p>
|
|
<p>Demonstrates:</p>
|
|
<ul>
|
|
<li>Waku Store</li>
|
|
<li>React/JavaScript</li>
|
|
<li>Protobuf using <a href="https://www.npmjs.com/package/protons">protons</a></li>
|
|
</ul>
|
|
<h2 id="minimal-angular-chat-app">
|
|
Minimal Angular Chat App
|
|
<a class="anchor" href="#minimal-angular-chat-app">#</a>
|
|
</h2>
|
|
<p>Repo: <a href="https://github.com/status-im/js-waku/tree/master/examples/relay-angular-chat">relay-angular-chat</a>.</p>
|
|
<p>Demonstrates:</p>
|
|
<ul>
|
|
<li>Group chat</li>
|
|
<li>Angular/JavaScript</li>
|
|
<li>Waku Relay</li>
|
|
<li>Protobuf using <a href="https://www.npmjs.com/package/protons">protons</a></li>
|
|
<li>No async/await syntax</li>
|
|
<li>Observables</li>
|
|
</ul>
|
|
<h2 id="vanilla-javascript-using-minified-library">
|
|
Vanilla Javascript Using Minified Library
|
|
<a class="anchor" href="#vanilla-javascript-using-minified-library">#</a>
|
|
</h2>
|
|
<p>Repo: <a href="https://github.com/status-im/js-waku/tree/main/examples/unpkg-js-store">unpkg-js-store</a>.</p>
|
|
<p>Demonstrates:</p>
|
|
<ul>
|
|
<li>How to stop retrieving results from Waku Store on condition</li>
|
|
<li>Use minified bundle from Unpkg.com</li>
|
|
<li>Vanilla JavaScript application</li>
|
|
</ul>
|
|
<h2 id="web-chat-app">
|
|
Web Chat App
|
|
<a class="anchor" href="#web-chat-app">#</a>
|
|
</h2>
|
|
<p>Repo: <a href="https://github.com/status-im/js-waku/tree/main/examples/web-chat">web-chat</a>.
|
|
Live: <a href="https://js-waku.wakuconnect.dev/examples/web-chat/">https://js-waku.wakuconnect.dev/examples/web-chat/</a></p>
|
|
<p>Demonstrates:</p>
|
|
<ul>
|
|
<li>Group chat</li>
|
|
<li>React/TypeScript</li>
|
|
<li>Waku Relay</li>
|
|
<li>Waku Store</li>
|
|
<li>Protobuf using .proto files + <a href="https://github.com/bufbuild/buf">bufbuild</a> + <a href="https://www.npmjs.com/package/ts-proto">ts-proto</a></li>
|
|
</ul>
|
|
<h2 id="ethereum-private-message-web-app">
|
|
Ethereum Private Message Web App
|
|
<a class="anchor" href="#ethereum-private-message-web-app">#</a>
|
|
</h2>
|
|
<p>Repo: <a href="https://github.com/status-im/js-waku/tree/main/examples/eth-pm">eth-pm</a>.
|
|
Live: <a href="https://js-waku.wakuconnect.dev/examples/eth-pm/">https://js-waku.wakuconnect.dev/examples/eth-pm/</a></p>
|
|
<p>Demonstrates:</p>
|
|
<ul>
|
|
<li>Private messaging</li>
|
|
<li>React/TypeScript</li>
|
|
<li>Waku Light Push</li>
|
|
<li>Signature with Web3 Wallet</li>
|
|
<li>Asymmetric Encryption</li>
|
|
<li>Symmetric Encryption</li>
|
|
<li>Protobuf using <a href="https://www.npmjs.com/package/protobufjs">protobufjs</a></li>
|
|
</ul>
|
|
<h2 id="ethereum-private-message-using-web3-wallet-encryption-api-web-app">
|
|
Ethereum Private Message Using Web3 Wallet Encryption API Web App
|
|
<a class="anchor" href="#ethereum-private-message-using-web3-wallet-encryption-api-web-app">#</a>
|
|
</h2>
|
|
<p>Repo: <a href="https://github.com/status-im/js-waku/tree/main/examples/eth-pm-wallet-encryption">eth-pm-wallet-encryption</a>.
|
|
Live: <a href="https://js-waku.wakuconnect.dev/examples/eth-pm-wallet-encryption/">https://js-waku.wakuconnect.dev/examples/eth-pm-wallet-encryption/</a></p>
|
|
<p>Demonstrates:</p>
|
|
<ul>
|
|
<li>Private Messaging</li>
|
|
<li>React/TypeScript</li>
|
|
<li>Waku Light Push</li>
|
|
<li>Signature with Web3 using EIP-712: <code>eth_signTypedData_v4</code></li>
|
|
<li>Asymmetric Encryption</li>
|
|
<li>Usage of <code>eth_decrypt</code> Web3 Wallet API</li>
|
|
<li>Protobuf using <a href="https://www.npmjs.com/package/protobufjs">protobufjs</a></li>
|
|
</ul>
|
|
<h2 id="uber-like-minimalistic-car-sharing-app-suing-vuejs">
|
|
Uber-like minimalistic car sharing app suing Vue.js
|
|
<a class="anchor" href="#uber-like-minimalistic-car-sharing-app-suing-vuejs">#</a>
|
|
</h2>
|
|
<p>Repo: <a href="https://github.com/TheBojda/waku-uber">TheBojda/waku-uber</a>.</p>
|
|
<p>Article: <a href="https://hackernoon.com/decentralized-uber-heres-how-i-built-it-with-statusim-waku-and-vuejs">Decentralized Uber: Here’s How I Built It With Status.im, Waku, and Vue.js</a>.</p>
|
|
<p>Demonstrates:</p>
|
|
<ul>
|
|
<li>Vue.js</li>
|
|
<li>Waku Relay</li>
|
|
<li>Protobuf using <a href="https://www.npmjs.com/package/protons">protons</a></li>
|
|
</ul>
|
|
</article>
|
|
|
|
|
|
|
|
<footer class="book-footer">
|
|
|
|
<div class="flex flex-wrap justify-between">
|
|
|
|
|
|
<div><a class="flex align-center" href="https://github.com/vacp2p/docs.wakuconnect.dev/commit/22eab4285b3e581ee3daf5338c33d71008e7b82e" title='Last modified by jemboh | Feb 18, 2022' target="_blank" rel="noopener">
|
|
<img src="/svg/calendar.svg" class="book-icon" alt="Calendar" />
|
|
<span>Feb 18, 2022</span>
|
|
</a>
|
|
</div>
|
|
|
|
|
|
|
|
<div>
|
|
<a class="flex align-center" href="https://github.com/vacp2p/docs.wakuconnect.dev/edit/develop/content/docs/examples.md" target="_blank" rel="noopener">
|
|
<img src="/svg/edit.svg" class="book-icon" alt="Edit" />
|
|
<span>Edit this page</span>
|
|
</a>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<script>(function(){function a(c){const a=window.getSelection(),b=document.createRange();b.selectNodeContents(c),a.removeAllRanges(),a.addRange(b)}document.querySelectorAll("pre code").forEach(b=>{b.addEventListener("click",function(c){a(b.parentElement),navigator.clipboard&&navigator.clipboard.writeText(b.parentElement.textContent)})})})()</script>
|
|
|
|
|
|
|
|
|
|
</footer>
|
|
|
|
|
|
|
|
<div class="book-comments">
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<label for="menu-control" class="hidden book-menu-overlay"></label>
|
|
</div>
|
|
|
|
|
|
<aside class="book-toc">
|
|
<div class="book-toc-content">
|
|
|
|
|
|
<nav id="TableOfContents">
|
|
<ul>
|
|
<li><a href="#examples">Examples</a>
|
|
<ul>
|
|
<li><a href="#minimal-reactjs-chat-app">Minimal ReactJS Chat App</a></li>
|
|
<li><a href="#minimal-reactjs-waku-store-app">Minimal ReactJS Waku Store App</a></li>
|
|
<li><a href="#minimal-angular-chat-app">Minimal Angular Chat App</a></li>
|
|
<li><a href="#vanilla-javascript-using-minified-library">Vanilla Javascript Using Minified Library</a></li>
|
|
<li><a href="#web-chat-app">Web Chat App</a></li>
|
|
<li><a href="#ethereum-private-message-web-app">Ethereum Private Message Web App</a></li>
|
|
<li><a href="#ethereum-private-message-using-web3-wallet-encryption-api-web-app">Ethereum Private Message Using Web3 Wallet Encryption API Web App</a></li>
|
|
<li><a href="#uber-like-minimalistic-car-sharing-app-suing-vuejs">Uber-like minimalistic car sharing app suing Vue.js</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
|
|
|
|
|
|
</div>
|
|
</aside>
|
|
|
|
</main>
|
|
|
|
|
|
</body>
|
|
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|