Seiyaj Wallet is a web application built with React and TypeScript, using Vite as the build tool. It allows users to transfer tokens using the Seiyaj Wallet.

First, clone the repository to your local machine:

git clone https://github.com/anhlh-edsolabs/seiyaj-wallet.git
cd seiyaj-wallet

Next, initialize the project and install the dependencies:

./init.sh

Then, update the .env file in the root directory and add your VITE_WALLET_CONNECT_PROJECT_ID and VITE_SEIYAJ_TOKEN_ADDRESS:

VITE_WALLET_CONNECT_PROJECT_ID=your_project_id
VITE_SEIYAJ_TOKEN_ADDRESS=your_token_address

Finally, start the development server:

yarn dev

Open http://localhost:5173/ in your browser to view the application.

To build the project, run:

yarn build

The project is deployed to Vercel at https://seiyaj-wallet.vercel.app/.

To test the app, import the wallet with the private key below to MetaMask, connect the wallet to the app and switch to sepolia testnet. It already has 1.000.000 SYT (SeiyajToken) and ~0.1 ETH for paying transaction fee.

• Wallet address:

0xb265c26f9d78bF819B35F95A340D164bdC1DbCDA

• Private key:

0x9811ed93a00af4890c6d82f71205eeaa5f50ca13e67ff04a861350faf682cff7

The project is structured as follows:

.
├── .env
├── .env.sample
├── .eslintrc.cjs
├── .gitignore
├── index.html
├── package.json
├── public/
├── README.md
├── src/
│   ├── App.tsx
│   ├── assets/
│   ├── common/
│   │   ├── abis/
│   │   │   └── SeiyajToken_ABI.json
│   │   └── config.ts
│   ├── components/
│   │   ├── buttons/
│   │   │   └── ButtonTransfer.tsx
│   │   ├── CardERC20Token.tsx
│   │   ├── CardHistory.tsx
│   │   ├── CardWallet.tsx
│   │   ├── modal-ui/
│   │   │   └── ModalTransfer.tsx
│   │   └── TokenBalance.tsx
│   ├── index.css
│   ├── main.tsx
│   └── vite-env.d.ts
├── test/
├── tsconfig.json
├── tsconfig.node.json
└── vite.config.ts

• Mantine - A React components and hooks library with native dark theme support, focus on usability, accessibility and developer experience.
• WalletConnect - An open protocol for connecting Wallets to Dapps.
• Wagmi - A core library for rapid development of decentralized applications.

Le Hoang Anh [email protected]