Repository files navigation

Opinionated Dapp Starter Template

• ⚡️ The React Framework for ProductionNextJs
• 📦Hardhat - Ethereum development environment for professionals
• 🦾TypeChain Hardhat plugin - Automatically generate TypeScript bindings for smartcontracts while using Hardhat.
• 🔥web3-react - A simple, maximally extensible, dependency minimized framework for building modern Ethereum dApps
• 🎨daisyUI Tailwind CSS Components - clean HTML with component classes
• 🎨OpenZeppelin - standard for secure blockchain applications

pnpm install

pnpm run dev

pnpm runtest

This project usesPre-commit to enforce code quality. To install pre-commit, run:

pre-commit install

This project demonstrates an advanced Hardhat use case, integrating other tools commonly used alongside Hardhat in the ecosystem.

The project comes with a sample contract, a test for that contract, a sample script that deploys that contract, and an example of a task implementation, which simply lists the available accounts. It also comes with a variety of other tools, preconfigured to work with the project code.

Try running some of the following tasks:

npx hardhat accountsnpx hardhat compile --network localhostnpx hardhat cleannpx hardhattestnpx hardhat nodenpx hardhathelpREPORT_GAS=true npx hardhattestnpx hardhat coveragenpx hardhat run scripts/deploy_greeter.ts --network localhostnode scripts/deploy.tsnpx eslint'**/*.ts'npx eslint'**/*.ts' --fixnpx prettier'**/*.{json,sol,md}' --checknpx prettier'**/*.{json,sol,md}' --writenpx solhint'contracts/**/*.sol'npx solhint'contracts/**/*.sol' --fix

• Sign up and earn$100 in credit on alchemy. More detailhere.

• Send some ETH to your wallethttps://faucet.dimensions.network/

To try out Etherscan verification, you first need to deploy a contract to an Ethereum network that's supported by Etherscan, such as Ropsten.

In this project, copy the .env.example file to a file named .env, and then edit it to fill in the details. Enter your Etherscan API key, your Ropsten node URL (eg from Alchemy), and the private key of the account which will send the deployment transaction. With a valid .env file in place, first deploy your contract:

npx hardhat run --network ropsten scripts/deploy_greeter.ts

Then, copy the deployment address and paste it in to replaceDEPLOYED_CONTRACT_ADDRESS in this command:

npx hardhat verify --network ropsten DEPLOYED_CONTRACT_ADDRESS"Hello, Hardhat!"

OpenZeppelin provides tooling for deploying and securingupgradeable smart contracts.

Smart contracts deployed using OpenZeppelin Upgrades Plugins can be upgraded to modify their code, while preserving their address, state, and balance. This allows you to iteratively add new features to your project, or fix any bugs you may find in production.

In this project, there are a 2 versions of contract: Box and BoxV2 which is improvement of Box. First deploy your contract:

npx hardhat run --network localhost scripts/deploy_upgradeable_box.ts

Then, deploy the upgrade smart contract

npx hardhat run --network localhost scripts/upgrade_box.ts

• Simple Store App: counter-like smart contract, read/write value and listen to event from smart contract.
• ICO Token App: How to create An ERC20 token and implement ICO smart contract (CrowdSale).
• NFT App: How to create An ERC721 token.

👤Dung Huynh

• Website:https://productsway.com/
• Twitter:@jellydn
• Github:@jellydn

Give a ⭐️ if this project helped you!

Thanks goes to these wonderful people (emoji key):

Dung Duc Huynh (Kaka) 📖💻

Waren Gonzaga 💵

This project follows theall-contributors specification. Contributions of any kind welcome!