gabidi / bismuth-web-wallet Goto Github PK
View Code? Open in Web Editor NEWBismuth Web Wallet Project
Home Page: https://dapp.sifir.io/bismuth-wallet/
Bismuth Web Wallet Project
Home Page: https://dapp.sifir.io/bismuth-wallet/
Webbrowsers currently do not support native raw TCP sockets, we need to have a proxy to convert a websocket to ipc socket server side.
This is a very simply nginx/node program , need to check with team infastructure.
The website with the wallet example https://dapp.sifir.io/bismuth-wallet/ is not accessible due to certificate issue.
Some things may be details and to be handled later on, but there we have a single place with referenced items.
Story 1: John checks his balance
A are critical
A1: Align all amounts on the decimal point (or right align and fill with spaces)
A2: Use a standard drop down icon to expand the details of a tx, rather than clicking on the txid (far left or far right)
A3: Do not list block height on the list. Can be on tx detail when expanded, no need on the list.
A4: Do not display the transaction id in the list. Use a single icon (key), optionaly with txid on hover, that copies the txid in the clipboard when clicked. since the tx id is the key, it's in the first column.
A5: Listing columns would be : key icon(txid on hover only), date (YYYY-MM-DD HH:MM), Type ( > or < plus type icon), address, Amount, fee, actions (drop down and menu)
B are non critical for MVP
B1: Only display amounts with 2 decimals by default, use config to set more
B2: Only show balance with 2 decimals by default, and have the possibility to config more visible decimals in the wallet settings. (force to round down always for that purpose). If decimals is set to more than 2, like 5, then balance shows 0.00 with the large font, then the remaining 000 in a smaller font.
B3: address search field: use a "x" icon on the right to delete the content, so you can paste a new address in a blank field, rather than having to select/delete the address first (error prone)
B4: in wallet config, toggle to use aliases or not. If active, then resolve aliases and display aliases instead of addresses in the list (with full address on hover)
B5: The current tx is highlited. if we open the "actions" menu, we still can move up and down, and others transactions are then highlighted, there can be a doubt to which one the menu applies. Would it be possible to "lock" the highlight to the selected tx once the menu is open?
C are future options
C1: Future balance listings may need both sender/recipient address again (case of a wallet with several addresses)
This document outlines high level stories for version 1 of the Bismuth Online Wallet (BOW).
Sarah and John are two fictional characters used in this document to describe how a typical BOW user would interact with the wallet and their expectations. This will help us determine the actual work needed (Work tickets) to get this done.
Sarah: Represents a typical logged in (creates wallet) user. She uses her desktop that has a modern browser on it.
John: Represents a typical 'non logged in' user. John is a 100% mobile user.
BIS = Bismuth
PBK = Public Key
PRK = Private Key
Enter her PBK/PRK combination via text box
Use the previously generated text file to quickly login.
Once logged in she will will be able to see a dashboard displaying highlights of latest transactions, balance and also a dialog to tr ansfer BIS from one address to another.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.