React + TailwindCSS Template
+ +A basic production ready react js template for kickstart your project. + +## 🛠️ Tech Stack + +- [React](https://reactjs.org/) +- [Tailwind CSS](https://tailwindcss.com/) + +## 🛠️ Clone the repo and use it + +```bash +git clone https://github.com/starc007/frontend-react-tailwindcss-template.git +``` diff --git a/client/index.html b/client/index.html new file mode 100644 index 0000000..ae81467 --- /dev/null +++ b/client/index.html @@ -0,0 +1,17 @@ + + + + + + + +BC-Chain Stats
+Total Blocks
+{blockStats.totalBlocks}
+Total Transactions
++ {blockStats.totalTransactions} +
+Total wallets
+{blockStats.totalWallets}
+Current Difficulty
+{blockStats.difficulty}
+All Transactions
+ ++ No Blocks Found Yet +
+ ); + } + + return ( +BC-Chain Mined Blocks
+{block.index}
++ Block Number +
+{block.nonce}
+Nonce
++ {block.hash.substring(0, 24) + "..."} +
++ Block Hash +
++ {block.previousHash.substring(0, 24) + "..."} +
++ Block Prev Hash +
++ {block.transactions.length || 0} +
++ Transactions in Block +
++ {new Date(block.timestamp).toLocaleDateString()} +
++ Block Time +
+{errorText}
} +| + Transaction Hash + | ++ from Address + | ++ to Address + | ++ Amount + | ++ Created At + | +
|---|---|---|---|---|
|
+
+
+ No data found + |
+ ||||
|
+
+
+
+
+ + {tx.id.substring(0, 20)}... + + |
+ + {tx.inputs.length === 0 + ? "topup" + : formatAddress(tx.inputs[0].address)} + | ++ {formatAddress(tx.outputs[0].address)} + | ++ {formatAmount(tx.outputs[0].amount)} BTC + | ++ {new Date(tx.timestamp).toLocaleDateString()} + | +
My Transactions
+ ++ Lets create your first bitcoin wallet +
++ Are you ready to create your first bitcoin wallet? Lets get started +
+ +Balance
++ {formatAmount(walletBalance)}{" "} + BTC +
+Address
++ {formatAddress(wallet?.publicKey as string, 8)}{" "} +
+ +Private key
++ {formatAddress(wallet?.privateKey as string, 10)} +
+ ) : ( +**********************
+ )} + + ++ Seed phrase (mnemonic) +
+{wallet?.mnemonic}
+ ) : ( +**********************
+ )} + ++ NOTE: Do not share your private + key or seed phrase with anyone. +
++ Sign and Send Transaction to Blockchain +
+ setAmount(e.target.value)} + /> + setReceipient(e.target.value)} + /> + +