Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yash-kk/web-based-crypto-wallet
Web-Based-Crypto-Wallet
https://github.com/yash-kk/web-based-crypto-wallet
ethereum material-ui react solana typescript
Last synced: 3 months ago
JSON representation
Web-Based-Crypto-Wallet
- Host: GitHub
- URL: https://github.com/yash-kk/web-based-crypto-wallet
- Owner: Yash-KK
- Created: 2024-08-18T15:45:52.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-09-11T15:32:14.000Z (5 months ago)
- Last Synced: 2024-10-10T08:21:33.542Z (4 months ago)
- Topics: ethereum, material-ui, react, solana, typescript
- Language: TypeScript
- Homepage: https://wallet-yk.vercel.app
- Size: 487 KB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Web-Based-Crypto-Wallet
Web-Based-Crypto-Wallet is a comprehensive multi-blockchain wallet that allows users to interact with both the Ethereum and Solana blockchains seamlessly. With this wallet, users can generate a mnemonic seed phrase, create multiple wallets, check their wallet balances, and even manage their wallets through a clean and intuitive interface.
## Features
- **Mnemonic Generation:** Generate a 12-word mnemonic seed phrase for secure wallet creation.
- **Multi-Wallet Support:** Create multiple wallets under a single mnemonic, each with its own address and private key.
- **Balance Checking:** Easily check the balance of each wallet in ETH or SOL.
- **Clean UI:** A clean and responsive interface designed for ease of use.
- **Multi-Blockchain Support:** Seamlessly interact with both Ethereum and Solana blockchains.
## Tech Stack
- **Frontend:** React, TypeScript
- **Blockchain Interaction:** ethers.js (for Ethereum), @solana/web3.js (for Solana)
- **API:** Alchemy API for blockchain data
- **Styling:** MUI (Material-UI)
## Installation
**Clone the repository:**
```bash
git clone https://github.com/your-username/Web-Based-Crypto-Wallet.git
cd Web-Based-Crypto-Wallet
```
### Install dependencies:
```bash
npm install
```
### Set up environment variables:
1. Create a `.env` file in the root directory.
2. Add your Alchemy API keys for Ethereum and Solana to the `.env` file:
```plaintext
VITE_APP_ETHEREUM_API_URL=https://eth-mainnet.g.alchemy.com/v2/your-api-key
VITE_APP_SOLANA_API_URL=https://solana-mainnet.g.alchemy.com/v2/your-api-key
```
## Run the project
```bash
npm run dev
```
### Usage
- **Generate a Seed Phrase**: Click the "Generate Seed Phrase" button to create a new mnemonic.
- **Create a Wallet**: Use the generated seed phrase to create a new wallet.
- **Check Balance**: Select a wallet to view its balance in ETH or SOL.
- **Send Transactions**: Click "Send" to open the transaction form, enter the recipient's address, and the amount to send.
### Future Enhancements
- **Transaction History**: Display a list of past transactions for each wallet.
- **Wallet Import**: Import existing wallets using private keys or JSON files.
### Acknowledgments
- **ethers.js**: For providing an easy-to-use library for interacting with the Ethereum blockchain.
- **@solana/web3.js**: For offering a robust toolset for Solana blockchain interaction.
- **Alchemy**: For offering reliable APIs to access blockchain data.
### Demo Video
https://github.com/user-attachments/assets/4801babd-8ce8-4cc9-8b77-b0b3a775d64d