George-cl / Broadleaf-Demo

A simple POC app to demonstrate an end to end use of the blockchain for a messaging app.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Broadleaf Demo

This is a work in progress and there may be large changes made to the current code

Utilises VueJS and Argon design system to mock up a front-end application which can send messages (signed by the Signer) to the chain.

Setup

Users will need to install the CasperLabs Signer from the Chrome web store before they can use the app fully. A vault and account must then be created in the Signer extension:

Signer Extension

Once you have the Signer installed and setup you can then spin up the app.
Use yarn to setup and run a local server for the demo:

   $ yarn install
   $ yarn serve

Usage

Broadleaf-Demo App

Users should Connect to the Signer first (although they will be notified if the forget to). Users can then enter a message and select an emoji that they would like to assign to the message.
They can then click on Sign it - this will send a request for signature to the Signer extension.

Signer Notification

Open the extension to approve the request. At this stage your message has been approved by your account's key but it will need to be signed again by the system key.
Click on Send it to send the message for approval by the system key. (this is still in development).

About

A simple POC app to demonstrate an end to end use of the blockchain for a messaging app.


Languages

Language:Vue 49.3%Language:SCSS 42.4%Language:Rust 4.0%Language:JavaScript 3.0%Language:HTML 0.6%Language:Shell 0.5%