React-Algorand

Demo link

https://test.robinthomas2591.now.sh/

Table of Contents

1. Install
2. Usage
3. Features

Install

$ npm install react-algorand

Usage

import React from "react";

import Algorand from "react-algorand";

function App() {
  return (
    <Algorand color="primary" />
  );
}

export default App;

color can be one among danger, primary, dark, warning, success, secondary, or info. If none is provided, it'll be defaulted to dark

Features

• Zero configuration required.
• Login using Algorand wallet (wallet file is simply a text file containing the mnemonic).
• Create a new Algorand account and the wallet file will be downloaded automatically.
• See the account balance & address before making the transaction.
• Add a memo (or note) to your transaction (optional field).
• Send payment transaction to another Algorand account.
• Can schedule your transaction to be processed in the future.
• Can make multiple transactions in one user session.
• See the history of all transactions made in one user session.
• Processed transactions will show the timestamp (when hovered over the spinner) when the transaction was processed.
• Pending transactions will show the remaining time (when hovered over the spinner) for the transaction to be processed.
• If the user closes his/her browser, all pending transactions will be cancelled.
• Support different Algorand networks - mainnet, and testnet.
• Choose between different themes - danger, primary, dark, warning, success, secondary, info.