Updated App and Server side

client/package.json

@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "axios": "^0.27.2",
+    "ethereum-cryptography": "^1.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

client/src/App.jsx

@@ -6,11 +6,14 @@ import { useState } from "react";
 function App() {
   const [balance, setBalance] = useState(0);
   const [address, setAddress] = useState("");
+  const [privateKey, setPrivateKey] = useState("");
 
   return (
     <div className="app">
       <Wallet
         balance={balance}
+        privateKey={privateKey}
+        setPrivateKey={setPrivateKey}
         setBalance={setBalance}
         address={address}
         setAddress={setAddress}

client/src/Wallet.jsx

@@ -1,9 +1,13 @@
 import server from "./server";
+import * as secp from 'ethereum-cryptography/secp256k1'
+import {toHex} from 'ethereum-cryptography/utils'
 
-function Wallet({ address, setAddress, balance, setBalance }) {
+function Wallet({ address, setAddress, balance, setBalance,privateKey,setPrivateKey }) {
   async function onChange(evt) {
-    const address = evt.target.value;
-    setAddress(address);
+    const privateKey = evt.target.value;
+    setPrivateKey(privateKey);
+    const address=toHex(secp.getPublicKey(privateKey))
+    setAddress(address)
     if (address) {
       const {
         data: { balance },
@@ -19,10 +23,13 @@ function Wallet({ address, setAddress, balance, setBalance }) {
       <h1>Your Wallet</h1>
 
       <label>
-        Wallet Address
-        <input placeholder="Type an address, for example: 0x1" value={address} onChange={onChange}></input>
+        Private Key
+        <input placeholder="Type your privatekey" value={privateKey} onChange={onChange}></input>
       </label>
 
+      <div>
+        Address:{address.slice(0,10)}...
+      </div>
       <div className="balance">Balance: {balance}</div>
     </div>
   );

server/index.js

@@ -1,15 +1,16 @@
 const express = require("express");
 const app = express();
+const generate=require("./generate")
 const cors = require("cors");
 const port = 3042;
 
 app.use(cors());
 app.use(express.json());
 
 const balances = {
-  "0x1": 100,
-  "0x2": 50,
-  "0x3": 75,
+  "0477d6d89efe313dcc63599dbe0aff9f7a84129fcd00c8c952b4eba35da41547e25d69132809fe620cbdccf5fcb3f2f053842a302fbf660635c4e45f693732fd8c": 100,
+  "041e7b0cec9217b3e2604f752f3805f52f10935aa51d8d4e0b1bce953f5cc95768ca298942265994e45695122c8421fb2b24f857cd4a9091f8c2fd75544cdf6dfa": 50,
+  "048e2bd0844c517a2cf8877c7aa05a737ebfda87581f198e6d84e3e7feb766ca6ccace598e16192081960b4e4cc5ce5a95bdc5bad61a5cd6efdc7550e619f66cab": 75,
 };
 
 app.get("/balance/:address", (req, res) => {
@@ -19,7 +20,10 @@ app.get("/balance/:address", (req, res) => {
 });
 
 app.post("/send", (req, res) => {
-  const { sender, recipient, amount } = req.body;
+  const { message, signature } = req.body;
+  const { recipient, amount } = message;
+  const pk=generate.signatureToPk(message,signature);
+  const sender=generate.pktoAddress(pk);
 
   setInitialBalance(sender);
   setInitialBalance(recipient);