0 to BuidlGuidl

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?

🐣 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

Run this repo on your computer!

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

Node (v18 LTS)
Yarn (v1 or v2+)
Git

Quickstart

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.

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: