A simple React/Web3 DApp that replicates a small portion of the Uniswap v2 interface - specifically, we build the "account login" button that allows users to connect to a DApp using their MetaMask extension.
- Working React app that will be able to connect to your MetaMask account
- Read your address & ETH balance
- If you connect with multiple accounts the interface will change to reflect the active account
react: ^17.0.2typescript: ^4.3.5@usedapp/core: ^0.4.4@chakra-ui/react: ^1.6.6
This project was bootstrapped with Create React App.
@chakra-ui/react@emotion/react@emotion/styled@usedapp/coreframer-motion
useDApp is an incredibly useful framework for "rapid DApp development", and includes some helpful hooks and seamless integration into a modern react app.
To dive into everything you can do with the framework, check out their website at https://usedapp.io/
Grab some Ethereum from the Ropsten faucet from here
| @metamask/jazzicon | https://classic.yarnpkg.com/en/package/@metamask/jazzicon |
| framer-motion | https://yarnpkg.com/package/framer-motion |