Onboarding dApp with:
- Roadmap to join BuidlGuidl
- Roadmap to get started building with Scaffold-ETH 2
- QR share for live events
- Dynamic SVG NFT as a receipt after donating
- 🐣 Project being developed by Newbie's Lounge
- 👷♀️ To view current development tasks, check the Issues on the Github repo.
- 🧰 To chat with other buidlers about this project, join Newbies Lounge Telegram group
- 🛠️ To submit a PR (Pull Request), fork and pull a request to this repo.
- 🐣 Make sure you know the ETH Tech Stack and understand how to make a dApp using Scaffold-ETH 2.
Built using Scaffold-ETH 2 | NextJS, RainbowKit, Hardhat, Wagmi, Typescript, TailwindCSS and daisyUI
🧪 Scaffold-ETH 2 is an open-source, up-to-date toolkit for building decentralized applications (dapps) on the Ethereum blockchain. It's designed to make it easier for developers to create and deploy smart contracts and build user interfaces that interact with those contracts.
- v1 Smart contract is more gas efficient thanks to Solady <- Version currently deployed
- v2 contract is even more gas efficient thanks to McToady's gas audit
Before you begin, you need to install the following tools:
- Node (v18 LTS)
- Yarn (v1 or v2+)
- Git
To get this repo started on your local machine, follow the steps below:
- Clone this repo & install dependencies
git clone https://github.com/luloxi/0-to-BuidlGuidl.git
cd 0-to-BuidlGuidl
yarn install
- Run a local network in the first terminal:
yarn chain
This command starts a local Ethereum network using Hardhat. The network runs on your local machine and can be used for testing and development. You can customize the network configuration in hardhat.config.ts.
- On a second terminal, deploy the test contract:
yarn deploy
This command deploys a test smart contract to the local network. The contract is located in packages/hardhat/contracts and can be modified to suit your needs. The yarn deploy command uses the deploy script located in packages/hardhat/deploy to deploy the contract to the network. You can also customize the deploy script.
- On a third terminal, start your NextJS app:
yarn start
Visit your app on: http://localhost:3000. You can interact with your smart contract using the contract component or the example ui in the frontend. You can tweak the app config in packages/nextjs/scaffold.config.ts.
- Run smart contract tests with
yarn hardhat:test - Edit your smart contract
ZeroToBuidlGuidlNFT.solinpackages/hardhat/contracts - Edit your deployment scripts in
packages/hardhat/deploy - Edit your frontend in
packages/nextjs/pages - Read SE2-DOCUMENTATION to learn how this repo works!
You can check current development notes here
Reference repos used for building this one: