Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/klaytn/klaytn-dev-sandbox
https://github.com/klaytn/klaytn-dev-sandbox
Last synced: 30 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/klaytn/klaytn-dev-sandbox
- Owner: klaytn
- License: mit
- Archived: true
- Created: 2022-03-18T01:37:06.000Z (over 2 years ago)
- Default Branch: dev
- Last Pushed: 2024-07-19T07:51:04.000Z (5 months ago)
- Last Synced: 2024-08-03T18:19:19.928Z (4 months ago)
- Language: TypeScript
- Homepage:
- Size: 1.74 MB
- Stars: 9
- Watchers: 10
- Forks: 13
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: code-of-conduct.md
- Codeowners: .github/CODEOWNERS
Awesome Lists containing this project
- awesome-klaytn - klaytn-dev-sandbox - Boilerplate code for frontend and backend that are helpful to building blockchain applications on Klaytn. (Starter Kits)
README
[![No Maintenance Intended](http://unmaintained.tech/badge.svg)](http://unmaintained.tech/)
# NO LONGER MAINTAINED
> [!IMPORTANT]
> Since the launch of Kaia Blockchain, this repository has been parked in favour of the new open-source projects in [Kaia's Github](https://github.com/kaiachain). Contributors have now moved there continuing with massive open-source contributions to our blockchain ecosystem. A big thank you to everyone who has contributed to this repository.
>
> For future development and contributions, please refer to the new [kaia-dapp-mono repository](https://github.com/kaiachain/kaia-dapp-mono)
>
> More information about Klaytn's chain merge with Finschia blockchain, please refer to the launching of Kaia blockchain [kaia.io](https://kaia.io).---
# Klaytn Dev Sandbox
This repository contains Boilerplate code for front-end(UI) and contracts(backend) that are helpful to building blockchain applications on Klaytn.
It imports [klaytn-contract library](https://github.com/klaytn/klaytn-contracts/tree/master/contracts) to create a KIP7, KIP17 and KIP37 token.
## Prerequisites
The following packages should be installed before using this source code.
- git
- `docker and docker compose` (Docker should be running in the background) for ubuntu/mac or Install `docker desktop` if using Windows machine
- Node v16.14.0 or above## Package Installation
Please install node packages first.
```bash
$ npm install
$ npm install -g [email protected]
```## Running a Local Klaytn Network
```bash
Note: Execute below commands from gitbash if Windows machine is used
```You can easily deploy a local Klaytn network via the following command:
```bash
$ npm run run:klaytn
```To see the execution logs, run `npm run run:klaytn:log`.
To stop the network, run `npm run run:klaytn:stop`.
To resume the network, run `npm run run:klaytn:resume`.
To completely terminate the network, run `npm run run:klaytn:terminate`.
To remove log files, run `npm run run:klaytn:cleanlog`.# Deploying Contracts
## Deploying a contract to the local network
1. To deploy a contract, execute any one of the following command to deploy the local network.
Deploy KIP-7 contract
```bash
$ npm run deploy:klaytn:kip7
```Deploy KIP-17 contract
```bash
$ npm run deploy:klaytn:kip17
```Deploy kip37 contract
```bash
$ npm run deploy:klaytn:kip37
```## Deploying a contract to Baobab Testnet
Make sure you rename the `.env.example` to `.env` before you proceed.You can deploy to Baobab using a public rpc endpoint or subscribing to [Klaytn API Service](https://console.klaytnapi.com/en/auth/signup) and using kas endpoint
### Connecting to Baobab via KAS (Klaytn API Service)
Refer to this [documentation](https://docs.klaytnapi.com/v/en/getting-started/get-ready) to signup KAS and get the accessKey, secretKey and rpc endpoint. Update .env file with `ACCESS_KEY_ID`, `SECRET_ACCESS_KEY`and `KAS_TESTNET_API_URL`
Go ahead and deploy the KIP contracts with the below config
```truffle-config.js
kasBaobab: {
provider: () => {
const option = {
headers: [
{ name: 'Authorization', value: 'Basic ' + Buffer.from(accessKeyId + ':' + secretAccessKey).toString('base64') },
{ name: 'x-chain-id', value: '1001' }
],
keepAlive: false,
}
return new HDWalletProvider(baobabPrivateKey, new Caver.providers.HttpProvider(kasTestnetApiUrl, option))
},
network_id: '1001', //Klaytn baobab testnet's network id
gas: '8500000',
gasPrice:'750000000000'
}
``````bash
$ npm run deploy:kasBaobab:
```### Connecting to Baobab via Public RPC endpoint
Update `privateKey` and `URL` in .env file for test network `baobab` of [truffle-config.js](./truffle-config.js).You can export the `privateKey` from kaikas wallet and `URL` from the klaytn [docs](https://docs.klaytn.foundation/dapp/json-rpc/public-en)
```js
baobab: {
provider: () => {
return new HDWalletProvider(privateKey, testnetApiUrl);
},
network_id: '1001', //Klaytn baobab testnet's network id
gas: '8500000',
gasPrice: null
},
``````bash
$ npm run deploy:baobab:
```## Run the Frontend
Starting from the root folder, run the following:
```bash
cd src
cp .env.local.example .env.local
```
Register in Infura https://infura.io/dashboard and create an IPFS project to get a `IPFS_PROJECT_KEY` and `IPFS_PROJECT_SECRET` to store images in public ipfs nodes. We use ipfs to store our NFT metadeta. Read more about ipfs https://docs.infura.io/infura/networks/ipfs.Paste the key and secret in .env.local file to run the frontend.
```bash
npm install
npm run dev
```
Note: The current version of frontend does not communicate with the local network. It only interacts with the contracts deployed in baobab network. It will release in the future versions.### Troubleshooot
Issue : Error: Private keys file has not been downloaded to the local directory! Follow the troubleshooting steps to proceed1. To make sure the network is running
```
$ lsof -i :8551
COMMAND PID USER FD TYPE DEVICE SIZE/OFF NODE NAME
com.docke 5371 xxx 134u IPv6 0xd988cab51d5e3b71 0t0 TCP *:8551 (LISTEN)
```
if the network is not running then execute ```npm run run:klaytn``` and start the local network2. Check whether privateKeys.js file is available in your root folder. If not, execute the below command
```npm run run:klaytn:createAccounts```
## Want to Contribute to Klaytn Dev Sandbox?
In line with our commitment to decentralization, all Klaytn codebase and its documentations are completely open source. Klaytn always welcomes your contribution. Anyone can view, edit, fix its contents and make suggestions. You can either create a pull request on GitHub or use GitBook. Make sure to sign our [Contributor License Agreement (CLA)](https://cla-assistant.io/klaytn/klaytn-dev-sandbox) first and there are also a few guidelines our contributors would check out before contributing:
- [Contribution Guide](./CONTRIBUTING.md)
- [License](./LICENSE)
- [Code of Conducts](./code-of-conduct.md)If you have any questions, please visit our [Gitter channel](https://gitter.im/klaytn/klaytn-dev-sandbox?utm_source=share-link&utm_medium=link&utm_campaign=share-link), [Klaytn Developers Forum](https://forum.klaytn.com/) and [Discord channel](https://discord.gg/mWsHFqN5Zf).