This project was bootstrapped with Create React App. Project has similar cli commands like npm start, npm test.

End to End functionality

• Users would like to click a button to generate a Wallet
• Users would like to see a list of generated wallets.
• Users would like to see their private keys by entering their password.
• Users would like to see their balance in testnet networks

Key points:

• Wallets should be compatible with EVM networks such as BNB Chain or Ethereum
• You can store the list of wallets in local storage.
• You should NOT store user’s passwords.
• You should NOT store user’s private keys in plaintext.

Architecture:

There are three main part in app.

• 1. React Components: Ex App.tsx
• 2. Application state: Redux is used store.ts
• 3. Wallet Manager: Responsible to encrypt, decrypt, store into storage wallet-manager.ts - NOTE: idea is we can write new wallet manager with in-memory, server store & also we can use ether.js, wallet-core any library to generate wallets. Easy to inject new dependency.

Testing Approach:

As there are three main core part as above, we can write test case in three way.

• 1. react component: Example app-component.test.tsx
• 2. redux store: redux-store.test.ts
• 3. wallet manager: wallet-manager-ether.test.ts