Raze Network
Search…
Raze Network
Welcome
GETTING STARTED
Project Overview
Technical Architecture
Substrate/Polkadot Integration
Ecosystem Fits
Token Economics
Roadmap
Contact Us
Developer Docs
Raze Frontend Architecture
Backend Functionalities
Truffle Deployment Guide
TUTORIAL
BSC Mainnet Configuration
Connect Your Wallet
Register Your Raze Account
Log Into Your Raze Account
Mint Privacy Tokens
Transfer Privacy Tokens
Redeem Privacy Tokens
Mainet FAQs
Mainnet FAQs
Powered By GitBook
Raze Frontend Architecture

Framework and Technology

  • Vue UI framework
  • ElementUI
  • Vuex
  • Vue router

Project setup

1
yarn install or npm install
Copied!

Compiles and hot-reloads for development

1
yarn serve or npm run serve
Copied!

Compiles and minifies for production

1
yarn build or npm run build
Copied!

Customize Configuration

How to Interact with the Vue Frontend

  • src/razeClient.js exports a JS object razeApp , which provides all necessary APIs to interact with the contract:
    • initRazeEthClient : initialize a client to interact with a specific Raze contract that has been deployed on a chain;
    • razeEthLogin : retrieve contract status from the chain for a Raze account secret
    • razeEthRegister : register a Raze account with a provided secret
    • razeEthDeposit : deposit certain amount of native tokens on the Raze contract
    • razeEthWithdraw : withdraw a certain amount of native tokens from the Raze contract
    • razeEthTransfer : transfer a certain amount of Raze tokens from one account to another
  • When the frontend project initializes, it imports razeClient in src/main.js , creates a client instance through initRazeClient , and stores it in a vue instance, so that the whole frontend can call the above APIs through $raze .
GETTING STARTED - Previous
Contact Us
Next - Developer Docs
Backend Functionalities
Last modified 1mo ago
Copy link
Contents
Framework and Technology
Project setup
Compiles and hot-reloads for development
Compiles and minifies for production
Customize Configuration
How to Interact with the Vue Frontend