/tutorial-addressbook-streams

Building a serverless, event driven, globally distributed, stateful data backend for event processing. This app uses Macrometa Streams and Database to serve CRUD API and real time change notifications to a React client using websockets

Primary LanguageJavaScript

Global Address Book

Demo to show a Real-time address book!

Setup

Federation Email Passsword
Global Data Network demo@macrometa.com xxxxxxxx

Overview

Dashboard:

dashboard.png

Macrometa Account setup

  1. On the development machine, run the following commands in a console:
1. git clone git@github.com:Macrometacorp/tutorial-addressbook-streams.git
2. cd tutorial-addressbook-streams
3. git fetch
4. npm install
5. npm run start
  1. Rename .env.sample to .env and update the REACT_APP_GDN_URL with https://play.macrometa.io

  2. Once you have the app running, you will be presented with a page to log in with your Macrometa account. Add your Macrometa account email and password and the user will then be asked to select one region in the GUI.

  3. Deploy on GH Pages:

npm run deploy

Add Search to your address book app

  1. Follow the steps in the Search Getting Started Tutorial.

  2. Go to the ButtonBar.js component file and follow the instructions in the comments.

CleanShot 2022-12-21 at 17 36 26