{"id":19939164,"url":"https://github.com/zapnap/fourby_ui","last_synced_at":"2025-07-06T15:08:20.770Z","repository":{"id":201679984,"uuid":"707370911","full_name":"zapnap/fourby_ui","owner":"zapnap","description":"Generative NFT project with on-chain SVG assets","archived":false,"fork":false,"pushed_at":"2023-11-10T19:57:35.000Z","size":905,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-01T12:49:26.969Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://fourby.xyz","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/zapnap.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","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":"2023-10-19T18:54:17.000Z","updated_at":"2023-11-15T00:19:09.000Z","dependencies_parsed_at":"2023-10-27T19:32:46.500Z","dependency_job_id":"c8c79340-684f-4b60-9963-3eb2feb7e86a","html_url":"https://github.com/zapnap/fourby_ui","commit_stats":null,"previous_names":["zapnap/fourby_ui"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/zapnap/fourby_ui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zapnap%2Ffourby_ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zapnap%2Ffourby_ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zapnap%2Ffourby_ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zapnap%2Ffourby_ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zapnap","download_url":"https://codeload.github.com/zapnap/fourby_ui/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zapnap%2Ffourby_ui/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263922513,"owners_count":23530338,"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":[],"created_at":"2024-11-12T23:45:10.678Z","updated_at":"2025-07-06T15:08:20.751Z","avatar_url":"https://github.com/zapnap.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Fourby UI\n\n[Fourby](https://fourby.xyz) is a simple generative art project with a pleasing color palette and dynamic elements to document changes in transaction costs over the course of the mint. Assets are built via SVG and stored 100% on-chain.\n\nThis frontend is a [Next.js](https://nextjs.org) + [Foundry](https://book.getfoundry.sh/) + [wagmi](https://wagmi.sh) project bootstrapped with [`create-wagmi`](https://github.com/wagmi-dev/wagmi/tree/main/packages/create-wagmi). It also includes [RainbowKit](https://www.rainbowkit.com/) for wallet management and several other goodies.\n\n## Prerequisites\n\nInstall [Foundry](https://book.getfoundry.sh/getting-started/installation) in order to build your smart contracts. This can be done by running the following command:\n\n```\ncurl -L https://foundry.paradigm.xyz | bash\n```\n\nTo customize your environment, set up your local `.env`. An example has been provided in `.env.example`. At minimum, you'll want to set up the Forge private key and RPC URL. You should also set up a [WalletConnect Cloud](https://cloud.walletconnect.com/) project ID and an [EtherScan API Key](https://info.etherscan.com/api-keys/) at this time.\n\n## Variables\n\nLimited edition vs open edition? Set `EDITION_SIZE`.\nTime-limited mint? Set `BLOCKS_TO_MINT` (216000 = ~30d).\nFree vs paid mint? Set `MINT_PRICE` (in wei).\n\n## Developing with Foundry\n\nRun `npm run dev:foundry` in your terminal to start. This starts a Next.js dev server and starts `@wagmi/cli` in watch mode. It also starts an Anvil local development node.\n\nTo compile and deploy contracts (in `./contracts`) to the Anvil node, run `npm run deploy:anvil`.\n\nOnce you've done both of these things, you should be able to open [localhost:3000](http://localhost:3000) in your browser, connect a wallet, and mint an NFT using one of the test accounts that Foundry provides for you (check Anvil output and import the private key into your web wallet).\n\n## Deployment\n\nTo deploy your contracts to Sepolia, run `npm run deploy:sepolia`. You'll need to first ensure that your `.env` file has the appropriate values set. You can create a free account with [Alchemy](https://www.alchemy.com/) and set the RPC URL to your project there (make sure to also add the API key).\n\nSupport for various production blockchains can be added by making a few small adjustments. Add targets to `package.jsoon` and make sure the appropriate variables exist in your environment.\n\nFor frontend hosting, [Vercel](https://vercel.com) is a good choice. After setting up an account and installing their CLI, you can simply run the `vercel` command in the top level directory to deploy a copy of the frontend. Just make sure you deploy the contract first, as the contract address will be cached locally in the config.\n\nOne last note: You'll want to set `NEXT_PUBLIC_APP_ENV=development` if you want testnets to show up in a staging/preview deployment.\n\n## Learn more\n\n- [Foundry Documentation](https://book.getfoundry.sh/)\n- [wagmi Documentation](https://wagmi.sh)\n- [wagmi Examples](https://wagmi.sh/examples/connect-wallet)\n- [@wagmi/cli Documentation](https://wagmi.sh/cli)\n- [Next.js Documentation](https://nextjs.org/docs)\n- [RainbowKit](https://www.rainbowkit.com/)\n- [WalletConnect Cloud](https://cloud.walletconnect.com/)\n- [EtherScan API Keys](https://info.etherscan.com/api-keys/)\n- [Tailwind CSS](https://tailwindcss.com/)\n- [Material Tailwind](https://www.material-tailwind.com/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzapnap%2Ffourby_ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzapnap%2Ffourby_ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzapnap%2Ffourby_ui/lists"}