{"id":14977033,"url":"https://github.com/jellydn/nft-app","last_synced_at":"2025-05-16T13:05:17.110Z","repository":{"id":37010212,"uuid":"404347941","full_name":"jellydn/nft-app","owner":"jellydn","description":"How to create your own NFT and mint NFT token","archived":false,"fork":false,"pushed_at":"2025-05-10T13:44:17.000Z","size":17289,"stargazers_count":222,"open_issues_count":3,"forks_count":101,"subscribers_count":10,"default_branch":"main","last_synced_at":"2025-05-10T14:38:08.594Z","etag":null,"topics":["dapp","dapp-starter","etherjs","hardhat","nft","openzeppelin","react","vitejs","web3"],"latest_commit_sha":null,"homepage":"https://nft-app.productsway.com/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jellydn.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"github":["jellydn"],"ko_fi":"dunghd","buy_me_a_coffee":"dunghd","polar":"jellydn"}},"created_at":"2021-09-08T12:57:03.000Z","updated_at":"2025-05-10T13:43:44.000Z","dependencies_parsed_at":"2024-01-04T21:29:43.534Z","dependency_job_id":"e66ace6f-ef84-4e87-a14b-81e00b399477","html_url":"https://github.com/jellydn/nft-app","commit_stats":{"total_commits":1111,"total_committers":7,"mean_commits":"158.71428571428572","dds":0.4653465346534653,"last_synced_commit":"02a80d9882e032064f81c7fe802e0def89a97a61"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":"jellydn/dapp-starter","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jellydn%2Fnft-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jellydn%2Fnft-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jellydn%2Fnft-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jellydn%2Fnft-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jellydn","download_url":"https://codeload.github.com/jellydn/nft-app/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254535827,"owners_count":22087399,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["dapp","dapp-starter","etherjs","hardhat","nft","openzeppelin","react","vitejs","web3"],"created_at":"2024-09-24T13:54:55.734Z","updated_at":"2025-05-16T13:05:17.053Z","avatar_url":"https://github.com/jellydn.png","language":"TypeScript","funding_links":["https://github.com/sponsors/jellydn","https://ko-fi.com/dunghd","https://buymeacoffee.com/dunghd","https://polar.sh/jellydn","https://paypal.me/dunghd","https://www.buymeacoffee.com/dunghd"],"categories":[],"sub_categories":[],"readme":"# Welcome to nft-app 👋\n\u003c!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section --\u003e\n[![All Contributors](https://img.shields.io/badge/all_contributors-2-orange.svg?style=flat-square)](#contributors-)\n\u003c!-- ALL-CONTRIBUTORS-BADGE:END --\u003e\n\n![Version](https://img.shields.io/badge/version-0.0.1-blue.svg?cacheSeconds=2592000)\n[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](#)\n[![Twitter: jellydn](https://img.shields.io/twitter/follow/jellydn.svg?style=social)](https://twitter.com/jellydn)\n\n\u003e How to create your own NFT token\n\n## 🏠 [Homepage](https://nft-app.productsway.com)\n\n[![Blockchain - DApp 101 - Create your own NFT token](https://img.youtube.com/vi/_veIZBaHkSk/0.jpg)](https://www.youtube.com/watch?v=_veIZBaHkSk)\n\n[![Blockchain - DApp 101 - Mint a NFT token](https://img.youtube.com/vi/UWJJa1hAYlo/0.jpg)](https://www.youtube.com/watch?v=UWJJa1hAYlo)\n\n## ✨ [Demo](https://nft-app.productsway.com/)\n\n![https://gyazo.com/fccacc5f480839196343bf95728c9b6a.gif](https://gyazo.com/fccacc5f480839196343bf95728c9b6a.gif)\n\n## Screenshot\n\n![screenshot1.png](./screenshot1.png)\n\n![screenshot2.png](./screenshot2.png)\n\n## Features\n\n- ⚡️ React TypeScript template with [Vite 5](https://vitejs.dev/)\n- 📦 [Hardhat](https://hardhat.org/) - Ethereum development environment for professionals\n- 🦾 [TypeChain Hardhat plugin](https://github.com/ethereum-ts/TypeChain/tree/master/packages/hardhat) - Automatically generate TypeScript bindings for smartcontracts while using Hardhat.\n- 🔥 [web3-react](https://github.com/NoahZinsmeister/web3-react/) - A simple, maximally extensible, dependency minimized framework for building modern Ethereum dApps\n- 🎨 [daisyUI Tailwind CSS Components](https://daisyui.com/) - clean HTML with component classes\n- 🎨 [OpenZeppelin](https://docs.openzeppelin.com/contracts/4.x/) - standard for secure blockchain applications\n\n## Install\n\n```sh\nyarn install\n```\n\n## Usage\n\n### Run Web App\n\n```sh\n# Prepare .env file\n# Run web site\ncp .env.example .env\nnpx hardhat compile --network localhost\nyarn dev\n\n```\n\n### Run API App\n\n```sh\n# Prepare .env file\n# Run web site\ncd server\ncp .env.example .env\nyarn install\nyarn dev\n\n```\n\n## Run tests\n\n```sh\nyarn test\n```\n\n## Deploy NFT to Rinkeby\n\n- Sign up and earn [$100 in credit](https://alchemy.com/?r=9ae3d9f1-56c4-476e-9f7e-23387e0e166a) on alchemy. More detail [here](https://docs.alchemy.com/alchemy/introduction/referral-program).\n\n- Send some ETH to your wallet https://faucet.dimensions.network/\n\nThis example, we will deploy to Rinkeby network. If you do not have `hardhat` [shorthand](https://hardhat.org/guides/shorthand.html), then please run\n\n```sh\nnpm i -g hardhat-shorthand\nhardhat-completion install\n```\n\n1.Deploy MyAwesomeLogo to Rinkeby\n\n```sh\nhh run scripts/deploy.ts --network rinkeby\n```\n\nOutput:\n\n```sh\nGenerating typings for: 0 artifacts in dir: src/types for target: ethers-v5\nSuccessfully generated 3 typings!\nSuccessfully generated 3 typings for external artifacts!\nMyAwesomeLogo deployed to: 0x39a5079afE9F3e3bB4db1B943e2063AC3dc87251\nowner 0x096cd10D7BEF8D5923b18b18E9f79CA230ee2285\n```\n\n2. Mint some NFT tokens\n\n```sh\nhh run scripts/mint.ts --network rinkeby\n```\n\nOutput:\n\n```sh\nGenerating typings for: 0 artifacts in dir: src/types for target: ethers-v5\nSuccessfully generated 3 typings!\nSuccessfully generated 3 typings for external artifacts!\nMyAwesomeLogo deployed to: 0x39a5079afE9F3e3bB4db1B943e2063AC3dc87251\nName MyAwesomeLogo\nSymbol MAL\nUploaded file to nft storage Token {\n  ipnft: 'bafyreib22oziqft7cbakshc374mwctwiprzyj24ufpeogkjff3lroumcru',\n  url: 'ipfs://bafyreib22oziqft7cbakshc374mwctwiprzyj24ufpeogkjff3lroumcru/metadata.json'\n}\nMinted NFT 0x0aad3903cb8d11f095babdc7ba47963ad6235b0a3cd5d32ee42560798816235a\nUploaded file to nft storage Token {\n  ipnft: 'bafyreid3gvwkltwkgvpxur3eozuh6dirfg2ohqizhn4rpn764dji272aoe',\n  url: 'ipfs://bafyreid3gvwkltwkgvpxur3eozuh6dirfg2ohqizhn4rpn764dji272aoe/metadata.json'\n}\nMinted NFT 0xe1ed7be02639310cf101b495e55d27421be018cc12cd90d1f46547c627b5132c\nUploaded file to nft storage Token {\n  ipnft: 'bafyreieealfw66zppxhkivuti5qkmsuihjxgxgrxdfm2o5p4qna5l347bu',\n  url: 'ipfs://bafyreieealfw66zppxhkivuti5qkmsuihjxgxgrxdfm2o5p4qna5l347bu/metadata.json'\n}\nMinted NFT 0x183af6b95464305aa5f9f0ed97a5b8847bd168bbb28e3f6368d04662a44cb8fc\n```\n\n3.Verify with etherscan.io\n\n```sh\nhh verify --network rinkeby 0x39a5079afE9F3e3bB4db1B943e2063AC3dc87251\n```\n\nOutput:\n\n```sh\nNothing to compile\nGenerating typings for: 0 artifacts in dir: src/types for target: ethers-v5\nSuccessfully generated 3 typings!\nSuccessfully generated 3 typings for external artifacts!\nCompiling 1 file with 0.8.4\nSuccessfully submitted source code for contract\ncontracts/MyAwesomeLogo.sol:MyAwesomeLogo at 0x39a5079afE9F3e3bB4db1B943e2063AC3dc87251\nfor verification on Etherscan. Waiting for verification result...\n\nSuccessfully verified contract MyAwesomeLogo on Etherscan.\nhttps://rinkeby.etherscan.io/address/0x39a5079afE9F3e3bB4db1B943e2063AC3dc87251#code\n```\n\n## Hardhat guideline\n\nThis project demonstrates an advanced Hardhat use case, integrating other tools commonly used alongside Hardhat in the ecosystem.\n\nThe 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.\n\nTry running some of the following tasks:\n\n```shell\nnpx hardhat accounts\nnpx hardhat compile --network localhost\nnpx hardhat clean\nnpx hardhat test\nnpx hardhat node\nnpx hardhat help\nREPORT_GAS=true npx hardhat test\nnpx hardhat coverage\nnpx hardhat run scripts/deploy_greeter.js --network localhost\nnode scripts/deploy.js\nnpx eslint '**/*.js'\nnpx eslint '**/*.js' --fix\nnpx prettier '**/*.{json,sol,md}' --check\nnpx prettier '**/*.{json,sol,md}' --write\nnpx solhint 'contracts/**/*.sol'\nnpx solhint 'contracts/**/*.sol' --fix\n```\n\n## Etherscan verification\n\nTo try out Etherscan verification, you first need to deploy a contract to an Ethereum network that's supported by Etherscan, such as Ropsten.\n\nIn 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:\n\n```shell\nnpx hardhat run --network ropsten scripts/deploy_greeter.js\n```\n\nThen, copy the deployment address and paste it in to replace `DEPLOYED_CONTRACT_ADDRESS` in this command:\n\n```shell\nnpx hardhat verify --network ropsten DEPLOYED_CONTRACT_ADDRESS \"Hello, Hardhat!\"\n```\n\n## Contract upgrade\n\nOpenZeppelin provides tooling for deploying and securing [upgradeable smart contracts](https://docs.openzeppelin.com/learn/upgrading-smart-contracts).\n\nSmart 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.\n\nIn this project, there are a 2 versions of contract: Box and BoxV2 which is improvement of Box. First deploy your contract:\n\n```shell\nnpx hardhat run --network localhost scripts/deploy_upgradeable_box.js\n```\n\nThen, deploy the upgrade smart contract\n\n```shell\nnpx hardhat run --network localhost scripts/upgrade_box.js\n```\n\n## Examples\n\n- [Simple Store App](https://github.com/jellydn/nft-app/pull/20): counter-like smart contract, read/write value and listen to event from smart contract.\n- [ICO Token App](https://github.com/jellydn/dapp-token-ico): How to create An ERC20 token and implement ICO smart contract (CrowdSale).\n\n## One click deployment\n\n[![Deploy on Railway](https://railway.app/button.svg)](https://railway.app/new/template/6ZY4MT?referralCode=-GINmA)\n\n## Author\n\n👤 **Dung Huynh**\n\n- Website: https://productsway.com/\n- Twitter: [@jellydn](https://twitter.com/jellydn)\n- Github: [@jellydn](https://github.com/jellydn)\n\n## Stargazers 🌟\n\n[![kofi](https://img.shields.io/badge/Ko--fi-F16061?style=for-the-badge\u0026logo=ko-fi\u0026logoColor=white)](https://ko-fi.com/dunghd)\n[![paypal](https://img.shields.io/badge/PayPal-00457C?style=for-the-badge\u0026logo=paypal\u0026logoColor=white)](https://paypal.me/dunghd)\n[![buymeacoffee](https://img.shields.io/badge/Buy_Me_A_Coffee-FFDD00?style=for-the-badge\u0026logo=buy-me-a-coffee\u0026logoColor=black)](https://www.buymeacoffee.com/dunghd)\n\n[![Stargazers repo roster for jellydn/nft-app](https://reporoster.com/stars/jellydn/nft-app)](https://github.com/jellydn/nft-app/stargazers)\n\n## Show your support\n\nGive a ⭐️ if this project helped you!\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --\u003e\n\u003c!-- prettier-ignore-start --\u003e\n\u003c!-- markdownlint-disable --\u003e\n\u003ctable\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://productsway.com/\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/870029?v=4?s=100\" width=\"100px;\" alt=\"Dung Duc Huynh (Kaka)\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eDung Duc Huynh (Kaka)\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/jellydn/nft-app/commits?author=jellydn\" title=\"Documentation\"\u003e📖\u003c/a\u003e \u003ca href=\"https://github.com/jellydn/nft-app/commits?author=jellydn\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://tholf.org/\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/16504501?v=4?s=100\" width=\"100px;\" alt=\"tomholford\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003etomholford\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/jellydn/nft-app/commits?author=tomholford\" title=\"Documentation\"\u003e📖\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n\u003c!-- markdownlint-restore --\u003e\n\u003c!-- prettier-ignore-end --\u003e\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:END --\u003e\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjellydn%2Fnft-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjellydn%2Fnft-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjellydn%2Fnft-app/lists"}