KibokoDao-Africa/dApp-starter-kit

This is a starter kit for building decentralized applications (dApps). It contains a pre-written smart contract in solidity and frontend in react.js. Check out README for the documentation # dApp Starter Kit Welcome! This is a starter kit for building decentralized applications (dApps) using Solidity smart contracts and React.js frontend. It provides a basic setup for building, testing, and deploying your dApp. The starter kit includes a sample smart contract written in Solidity, a React.js frontend, and a Hardhat configuration for deploying to the Ethereum test networks (The sample contract is deployed in mumbai testnet). It also includes scripts for compiling, deploying, and testing your dApp. Whether you're a beginner or an experienced developer, this starter kit provides a solid foundation for building your next dApp. Get started quickly with our easy-to-use setup, or customize it to fit your specific needs. Happy coding! # Getting started: You can run the command: ```npx create-kiboko-dapp project-name``` Run the following commands: `git clone github.com` Depending on the type of project you are doing, checkout to the branch you'll be using `git checkout metamask-only` - for smaller projects `git checkout multi-wallet-support` - for large scalable dApps `npm install` `cd frontend` & `npm install` Once dependencies are installed run the following command: `cp .env.example .env; ` Now add your alchemy api key i.e `ALCHEMY_API_KEY` and private key i.e `PRIVATE_KEY` You can get your alchemy api key over here You can see how to get your private key over here Finally run: `npm run dev` This is the UI you'l see: Sample contract is found in `contracts/Counter.sol` The deploy script is found in `scripts/deploy.js` ### NB: You do not need to manualy copy paste the contract ABI and address when you run the deploy script, the `saveFrontendFiles` function inside the `deploy.js` script automatically creates a folder named `contracts` inside the `frontend/src` directory which contains: ``` ├── contracts/ ├── contract-address.json - contains contract address ├── Contract.json - contains c …