{"id":22164833,"url":"https://github.com/net2devcrypto/erc-6551-nft-wallets-web3-front-end-nextjs","last_synced_at":"2026-04-28T22:34:54.273Z","repository":{"id":219667324,"uuid":"749572939","full_name":"net2devcrypto/ERC-6551-NFT-Wallets-Web3-Front-End-NextJS","owner":"net2devcrypto","description":"A NextJS Web3 app that allows users to create and interact ERC-6551 tokenbound accounts (NFT Wallet). Send and Store ERC-20 tokens in NFT. Withdraw tokens and more! ","archived":false,"fork":false,"pushed_at":"2024-02-16T20:39:25.000Z","size":605,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-02-17T18:37:31.540Z","etag":null,"topics":["avalanche","binance","erc-1155","erc-20","erc-6551","erc-721","ethereum","ethers","nextjs","nft","polygon","viem"],"latest_commit_sha":null,"homepage":"","language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/net2devcrypto.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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}},"created_at":"2024-01-29T00:07:35.000Z","updated_at":"2024-02-17T18:37:31.541Z","dependencies_parsed_at":"2024-12-02T08:50:52.668Z","dependency_job_id":null,"html_url":"https://github.com/net2devcrypto/ERC-6551-NFT-Wallets-Web3-Front-End-NextJS","commit_stats":null,"previous_names":["net2devcrypto/erc-6551-nft-wallets-web3-front-end-nextjs"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/net2devcrypto%2FERC-6551-NFT-Wallets-Web3-Front-End-NextJS","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/net2devcrypto%2FERC-6551-NFT-Wallets-Web3-Front-End-NextJS/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/net2devcrypto%2FERC-6551-NFT-Wallets-Web3-Front-End-NextJS/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/net2devcrypto%2FERC-6551-NFT-Wallets-Web3-Front-End-NextJS/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/net2devcrypto","download_url":"https://codeload.github.com/net2devcrypto/ERC-6551-NFT-Wallets-Web3-Front-End-NextJS/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245304872,"owners_count":20593626,"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":["avalanche","binance","erc-1155","erc-20","erc-6551","erc-721","ethereum","ethers","nextjs","nft","polygon","viem"],"created_at":"2024-12-02T05:10:57.437Z","updated_at":"2026-04-28T22:34:54.232Z","avatar_url":"https://github.com/net2devcrypto.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ERC-6551-NFT-Wallet-Web3-Front-End-NextJS\nA NextJS Web3 app that allows users to create and interact ERC-6551 tokenbound accounts (NFT Wallet). Send and Store ERC-20 tokens in NFT. Withdraw tokens and more!\n\n\u003cimg src=\"https://raw.githubusercontent.com/net2devcrypto/misc/main/erc-6551-frontend.png\" width=\"650\" height=\"470\"\u003e\n\n** THE FILES ATTACHED TO THIS REPO ARE FOR EDUCATIONAL PURPOSES ONLY **\n\n** NOT FINANCIAL ADVISE **\n\n** USE IT AT YOUR OWN RISK** **I'M NOT RESPONSIBLE FOR ANY USE, ISSUES ETC.. **\n\nENTIRE PLAYLIST:\n\u003ca href=\"https://www.youtube.com/watch?v=0nA8E6ZEJ5M\u0026list=PLLkrq2VBYc1aWH2WwRaEZVa_YorLR6Ht2\" target=\"_blank\"\u003e\u003cimg src=\"https://github.com/net2devcrypto/misc/blob/main/ytlogo2.png\" width=\"90\" height=\"20\"\u003e\u003c/a\u003e\n\n\u003ch3\u003ePart 2 Repo\u003c/h3\u003e\n\nClick for video:\n\n\u003ca href=\"https://youtu.be/z-Uu-MBrigU\" target=\"_blank\"\u003e\u003cimg src=\"https://github.com/net2devcrypto/misc/blob/main/ytlogo2.png\" width=\"150\" height=\"40\"\u003e\u003c/a\u003e\n\nPart2 \"Contracts\" Folder Contents:\n\n```shell\nN2D-ERC6551-Account.sol\nN2D-ERC6551-Registry.sol\nN2D-Sample-Fake-USDT.sol\nN2D-Sample-NFT-Collection.sol\n```\nFollow the tutorial video for guidance in using the contract files. \n\n\u003ch3\u003ePart 3 Repo FINAL\u003c/h3\u003e\n\nClick for video:\n\n\u003ca href=\"https://youtu.be/NQL-zBslGgM\" target=\"_blank\"\u003e\u003cimg src=\"https://github.com/net2devcrypto/misc/blob/main/ytlogo2.png\" width=\"150\" height=\"40\"\u003e\u003c/a\u003e\n\n# How to install and test the front-end app.\n\n\u003ch3\u003eStep 1\u003c/h3\u003e\n\nDownload the folder \"ERC-6551-Frontend\", then via terminal or shell navigate to the folder and install dependencies, make sure to enable legacy peer dependencies:\n\n```shell\ncd ERC-6551-Frontend\nnpm i --legacy-peer-deps\n```\n\n\u003ch3\u003eStep 2 (OPTIONAL) \u003c/h3\u003e\n\nIf you don't have existing contracts deployed, you may deploy the contract files located inside the repo folder \"Contracts\". Make sure to update your NFT Collection metadata BaseURI to point to the IPFS CID. Follow the tutorial video for more info. If you deployed a new NFT Collection contract to test, Make sure you mint some NFT's to validate the ERC-6551 Wallet creation.\n\n```shell\nN2D-Sample-NFT-Collection.sol\nN2D-ERC6551-Account.sol\nN2D-ERC6551-Registry.sol\nN2D-Sample-Fake-USDT.sol\n```\n\n\u003ch3\u003eStep 3\u003c/h3\u003e\n\nOpen the project folder on your favorite editor and update the \"components/config.js\" file with all your deployed smart contract addresses:\n\n```shell\nconst nftContractAddr = 'NFT_COLLECTION_CONTRACT_ADDRESS';\nconst erc6551RegistryAddr = 'ERC_6551_REGISTRY_CONTRACT_ADDRESS';\nconst erc6551BaseAccount = 'ERC_6551_ACCOUNT_CONTRACT_ADDRESS';\nconst usdtContractAddr = 'FAKE_USDT_TOKEN_CONTRACT_ADDRESS';\n```\n\n\"CTRL + S\"  to save!\n\n\n\u003ch3\u003eStep 4\u003c/h3\u003e\n\nRead the \"readme-first\" located inside the \"ERC-6551-Frontend\" folder then run the application and test! Follow the tutorial vid for more info.\n\n```shell\ncd ERC-6551-Frontend\nnpm run dev\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnet2devcrypto%2Ferc-6551-nft-wallets-web3-front-end-nextjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnet2devcrypto%2Ferc-6551-nft-wallets-web3-front-end-nextjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnet2devcrypto%2Ferc-6551-nft-wallets-web3-front-end-nextjs/lists"}