ianpatton / magic-wallet

Ethereum Wallet with your Email - Powered by Magic

Magic Wallet

Open source Ethereum wallet, using Magic.Link for authentication

Tech: Typescript NextJS

Quickstart

Clone this

Instal dependencies yarn

Set up .env file with NEXT_PUBLIC_MAGIC_KEY #Magic key

Run yarn dev

Deploy to Vercel

Just associate the repo to vercel and add your NEXT_PUBLIC_MAGIC_KEY

Architecture

Ethers for interacting with Ethereum

Magic Link for Login + Signer

There's a few components that deal with the presentation layer + data

User balance, for Eth and ERC20 tokens is fetched through hooks, see /hooks

In order to fetch all ERC20 Balances at once I used: https://www.npmjs.com/~wbobeirne for https://www.npmjs.com/package/eth-balance-checker

Thank you:

Magic Inc. for sponsoring the development

https://www.npmjs.com/~wbobeirne for https://www.npmjs.com/package/eth-balance-checker Which allows to load ERC-20 Balance in instants

const MAINNET_BALANCE_CHECKER_ADDRESS = "0xb1f8e55c7f64d203c1400b9d8555d050f94adf39";

Linter and Prettier setup from

Polymarket

Boilerplate name

NextJS Typescript Boilerplate

Contributors

Nik Vogrinec - GitHub

License

You can do anything you want with this. I hope you use it to help others!