Create Graphical User Interface (GUI) for CrowdNode.js

[jojobyte]

We need a GUI which implements the functionality from dashhive/crowdnode.js#47

• Create a new wallet or import existing Private Key (WIF) #2
• Store private key encrypted in local/session storage #3
  • Give user choice between local vs session
• Export private keys for use with CLI or future Sessions #4
• Show QR for funding CrowdNode wallet #5
  • Per Step QR Wallet Funding #8
• CrowdNode Account Setup #6
  • Signup
  • Agree to Terms
  • Deposit
  • Show loading / processing spinners while waiting for Signup, Accept and Deposit #10
• Initial implementation of DashHD.js for Key Generation #21
• Manage Funds #7
  • Deposit funds into multiple wallets #22
  • Add Multiple Wallets (Private Keys)
  • Show Balance for added private key wallets
  • Unstake funds from CrowdNode
  • Transfer funds from Dash Wallet to external wallet
• Responsive design for Desktop & Mobile Support #25
  • Change QR Code Dialog to fill screen on mobile #15
  • Improve Pending Progress bar animation #16
  • Request the amount of funds entered, minus the amount and fees in the current wallet #17
  • Add Manifest to enable PWA functionality to install site to device #9
  • Change table to CSS Grid option for better mobile support #26
• Update Encrypted Browser Storage Text Encode/Decode #19
• Update Browser Storage code to work with refactored storage encryption and multiple wallets #20
  • Text Encoding
  • Multiple wallets
  • Update DashKeys usage to latest version
• UI / UX Improvements #24
• SPA & Encryption Improvements + Dash to Fiat #28
  • Update SPA and remove Github Page Hack
  • Display Dash value in Preferred Currency (DASH/USD)
    • Set Preferred Currency
    • https://dashincubator.app/ uses
      • https://rates2.dashretail.org/rates?source=dashretail&symbol=dashusd&{}=
  • Add link to source code in the UI
  • Add note along the lines of:
    • Alpha stage project. Not production ready. Use at your own risk.
  • Wrong Passphrase should not let you past the encrypt modal
  • Grid Improvements
    • Title on button hover
  • Modal Improvements
    • Signup
      • Fails to wait for Signup & Accept API calls, only does one of them
• Update the start_url to match PWA routing fixes in manifest.json
• Onboarding Flow
  • Allow backup of Private Key / Mnemonic before depositing funds #11
  • Backup Recovery Phrase Modal on new wallet generation

Post Demo Fixes & Improvements

• Mobile fix for Settings page width
• Version info and clear cache added to settings page
• Fiat Currency Selector placeholder & dont change if value is empty
• Style improvements to Fiat currency in Wallet & Staking tables
• Add more instructions to backup modal
  • Write this down on a piece of paper. Print it out. Store it somewhere, like a safe or a vault. If you loose this there are no take-backs. We don't have a backup.
• When navigating to https://dashhive.github.io/crowdnode-ui/ the wallet table does not load after URL redirect to #!/wallet
• After Adding a wallet, the Wallet & Staking pages show the table and the empty message
  • Looks like you need to add or generate a new wallet.*
• Grid Improvements
  • Remove Address / Recovery Key
  • Link to CrowdNode Public Address Funds Page
    • https://app.crowdnode.io/FundsOpen/${PUB_ADDRESS}
• Modal Improvements
  • Withdraw
    • Show which address you are sending from
    • Show balance of selected wallet
      • maybe add drop-down selector to choose which wallet to withdraw from
    • Show maximum able to withdraw minus fees so the User knows
    • Amount field needs better min/max values
  • Unstake isn't updating grid
  • Unstake closes early if there aren't enough funds to make the withdraw
    • Should indicate not enough funds
    • maybe prevent someone from putting 100%
• Convert CryptStore.js to CLI compatible version #18
• Eliminate multiple seed phrases #29
  • Encrypt / Decrypt for multi-address wallets #31
  • Add optional name field when adding wallets #32
  • Add wallet dropdown selector when generating new address #33

Nice to have improvements

• Add BroadcastChannel to update Wallet & Staking data between tabs
  • getAddrRows and getStakeRows could share update data
• Add label for addresses/wallets
  • Replace balance in deposit modal with address and label
• Update Header with Dash & CrowdNode Total Balance
• Grid Improvements
  • Sort by Column
• Hide Modal while processing so that multiple transaction may run at the same time
  • Stake
  • Unstake
  • Withdraw
• Graphs
  • Value of Dash in Preferred Currency over Time
  • Displaying Interest Earned