/0-to-BuidlGuidl

Onboarding dApp with free learning resources and a Dynamic SVG NFT | Built with Scaffold-eth 2 and daisyUI

Primary LanguageTypeScriptMIT LicenseMIT

0 to BuidlGuidl

LIVE VERSION HERE

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

How can I contribute to this build?

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

Run this repo on your computer!

Before you begin, you need to install the following tools:

Quickstart

To get this repo started on your local machine, follow the steps below:

  1. Clone this repo & install dependencies
git clone https://github.com/luloxi/0-to-BuidlGuidl.git
cd 0-to-BuidlGuidl
yarn install
  1. 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.

  1. 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.

  1. 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.

Play with this repo!

  • Run smart contract tests with yarn hardhat:test
  • Edit your smart contract ZeroToBuidlGuidlNFT.sol in packages/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!

Development notes

You can check current development notes here

Reference repos used for building this one: