signum-network / signum-xt-wallet-web-demo

A demonstration of web apps that shows how to use @signumjs/wallets with the Signum XT Wallet

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Learn how you can connect your website to Signum XT Wallet

All communication with the Signum XT Wallet is already implemented, so devs can be more productive when building their dApps.

List of Examples Demo URL
Vanilla Javascript View Demo
Vanilla (Typescript) View Demo
React (Typescript) View Demo

SignumJS

@signumjs/wallets is the package which provides tools to interact with wallets remotely.

Getting Started

This project uses Vite to make development and deployment a breeze.

It is required that you have NodeJS (18+) installed on your machine, such you can take full advantage of

  • Development with Live Reload (HMR)
  • Optimized, Bundled, Minified static site
  • Once cloned this repo and having NodeJS installed just:
  1. Access the example of your preference
  2. run npm i
  3. run npm run dev
  4. Open brower at "http://localhost:5173"
  5. Start hacking

Good reasons for using Vite, can be read here

Deployment

If you choose the modern tooling method, just run npm run build - it creates an optimized static site in ./dist folder, that can be hosted anywhere.

Good to know (Tips)

SignumJS is entirely written in Typescript. Using modern tooling, i.e. decent IDEs like VSCode or WebStorm and package manager will give you full support of typing, making development with SignumJS easier and more productive.

The wallet stores the keys in an extra protected "backend" area of the extension and never provides any secret. The keys are encrypted by the users secret he provided when installed the extension. Between a DApp and the wallet only public information like accounts public key and current selected node host is transmitted.

How to choose a network to work with

  • Signum This network refers to MainNet, it will make your dApp compatible with only MainNet network
  • Signum-TESTNET This network refers to TestNet, it will make your dApp compatible with only TestNet network

Additional References

Powered by Signum SignumJS Logo

About

A demonstration of web apps that shows how to use @signumjs/wallets with the Signum XT Wallet

License:MIT License


Languages

Language:TypeScript 54.6%Language:HTML 27.7%Language:JavaScript 17.4%Language:CSS 0.2%