how to make your firest Dapp

chai-dapp

First we need to make our smart contract in my case I use remix editor for making my smart contract and I use the solidity language because it is the best blockchain language for application hear's is my smart contract

After go to your dashboard and make a file for deploying your smart contract using vs code and open in your vs code

After open your file in vs code you need to install hardhat by the command in the following

npm install hardhat

And then install the dependency for heart hardhat by this command

npm install --save-dev "hardhat@^2.22.3" "@nomicfoundation/hardhat-toolbox@^5.0.0"

after compile your hardhat by this command

npx hardhat compile

After compile your hardhat you need to know your deployment address for that you use this command

npx hardhat ignition deploy ./ignition/modules/lock.js

After that you need to create your vite in your decentralized application by this command

npm create vite@latest

This is your opinion what you choose like Vanilla,vue I choose react After after that you choose JavaScript and then your vite project is launch

After that running this command a new file by the name vite-project is created in my case I change the name of this file with client

After that I go to my client folder by this command

cd client

After that I install all the dependency by the command

npm install

After that your work is finish if you want to check your application is deployed or not then you put this command the TerminalAnd you got a local http local host link by putting this link in your Chrome search bar you see your application running on localhost

npm run dev

Okay this is the common step for creating a decentralized application after that you need to diploy your smart contract and create your application

Okay so here is the important part for making your decentralized application first you go to your client folder and then go to the src folder and click on app.jsx after making some changes you completed your app.jsx fine

After making changes in your app.jsx file you go to your hardhat.config.js file and make some changes in it also in my case I copy from some external website

After that you need two things first one is goerli_URL and the second one is private_key for store this to thinks you need to create your one separate file like.env and save it there

1.if you want your Goerli_URL you need to create a app in my case I use Alchemy for creating app after that creating your app you go to your API key and copy paste the https link in the Goerli_URL

2.If you want your private key then you make your account in metamask after that creating your account in metamask you click on thetop right side and go to the account details and then create your private link and copy and paste it in .env file

After that your application is deployed for see your application you need to go to your client folder and type this command

npm run dev

After paste the link in the search bar you saw your application

References

• Hardhat Tutorial
• Hardhat Docs