firestack-lab/laksa-client-example

A simple example using laksa to access to zilliqa's blockchain

Simple example using Laksa to access to Zilliqa's Blockchain

Warning: DO NOT USE IT AS PRODUCTION

About this example

We just demostrate how to use Laksa to build a fully front-end app as client-side and have all the abillities to access Zilliqa's blockchain.

Demo: https://Laksa-Client-Example.now.sh/

system requirement

1. node.js (v10.0.0+)

node -v #check your node.js version

2. latest npm or yarn (Recommended)

npm i -g yarn #install yarn

3. google chrome(firefox is not tested yet)

install && run

1. git clone

git clone [email protected]:FireStack-Lab/Laksa-Client-Example.git && cd Laksa-Client-Example

2. yarn install

yarn install 

3. run

yarn start

4. open browser and access http://localhost:8000

Main Feature

Home

1. Check connection to Zilliqa's TestNet and Scilla runner(remote)
2. You can add provider of your own(if you have full-node or scilla-runner runing, http only, NOT WebSocket)

Explorer

1. You can see recent Transactions/TxBlocks/DsBlocks
2. You can search Transaction/Address/TxBlock/DsBlock

Wallet

1. Create Account and encrpyt with password(Not Safe)
2. Import PrivateKey
3. See Balance
4. Set Default Signer(Demostration only)

Contract

1. Save your scilla code to contract raw code
2. Deploy with your account and set up Contract ABIs and Transaction Parameters
3. Call Contract(if deployed)

Transfer

1. Transfer some token to desired address
2. Nothing More...

Tools building this example

1. Laksa, Zilliqa's 3rd party javascript library
2. Umi.js, Pluggable enterprise-level react application framework.
3. Dva.js, React and redux based, lightweight and elm-style framework.
4. antd, A design system with values of Nature and Determinacy for better user experience of enterprise application
5. Dexie.js, A Minimalistic Wrapper for IndexedDB

Zilliqa's Repos

1. Zilliqa
2. @Zilliqa-js

laksa-client-example's Issues

Fixed for firefox

using pro version of antd

Better structure

Splitting Model and component grouping. Stop selecting global state of laksa.

Mobile version

Using mobile version of ui