- Create a new Git repository and project (Public).
- Use NextJS (JS or TS), Wagmi, Tailwind or ChakraUI and create a small app.
- Nice layout with Navbar and Footer with Next Router.
- Wallet Connection Integration with Metamask and Coinbase Wallet with Wagmi.
- Create a Smart Contract (Testnet of your Choice) and you should be able to add a recipient address and a donation amount.
- Very important is clean code and comments in your functions.
- Deploy to Vercel or Netifly.
- First, run the development server:
npm install
# or
yarn install
- Copy .env.example and Edit .env.local and set your Smart Contract Address
npm run dev
# or
yarn dev
Open http://localhost:3000 with your browser to see the result.
Check out https://nextjs-wagmi-tailwindcss.netlify.app/ for live.
Check out https://rinkeby.etherscan.io/address/0x606e797ae01b7f37fb7afde19696f23dc67209ef for live.