{"id":18676661,"url":"https://github.com/mikeghen/frames-app","last_synced_at":"2025-11-07T06:30:36.396Z","repository":{"id":229470523,"uuid":"776552032","full_name":"mikeghen/frames-app","owner":"mikeghen","description":null,"archived":false,"fork":false,"pushed_at":"2024-03-24T15:05:09.000Z","size":9115,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-12-27T20:49:34.833Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/mikeghen.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}},"created_at":"2024-03-23T20:22:23.000Z","updated_at":"2024-03-24T11:13:27.000Z","dependencies_parsed_at":"2024-03-24T16:35:24.615Z","dependency_job_id":null,"html_url":"https://github.com/mikeghen/frames-app","commit_stats":null,"previous_names":["mikeghen/frames-app"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mikeghen%2Fframes-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mikeghen%2Fframes-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mikeghen%2Fframes-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mikeghen%2Fframes-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mikeghen","download_url":"https://codeload.github.com/mikeghen/frames-app/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239520734,"owners_count":19652747,"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-07T09:30:22.174Z","updated_at":"2025-02-18T17:46:41.595Z","avatar_url":"https://github.com/mikeghen.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Frame Maker App\n\n## Directory Structure\n\n* Root of this project has the Frame Maker React App\n* `frameVercelDeployer` - Python Flask Server for Publishing Frame template to Vercel \n* `frameTemplate` - Frame Template for the Frame Maker App when making frames\n\n# Web3 Starter\n\nWeb 3 Starter is a modern web 3 starter template project.\n\nHere's the full stack of frameworks/libraries used:\n\n- Next.js React\n- TailwindCSS for styling\n- [HeadlessUI](https://headlessui.dev/) for Tailwind components\n- [@rainbow-me/rainbowkit](https://github.com/rainbow-me/rainbowkit) to connect to ethereum wallets\n- [react-hot-toast](https://react-hot-toast.com/) for toast messages\n- [unstated-next](https://github.com/jamiebuilds/unstated-next) for state management\n- [next-themes](https://www.npmjs.com/package/next-themes) for dark mode theme\n\n## How to Setup Development Environment\n\n#### A. Start the local hardhat ethereum node\n\n```bash\nnpx hardhat node\n```\n\n#### B. In a seperate shell, start the NextJS Server.\n\n```bash\nyarn \u0026\u0026 yarn dev\n```\n\nNavigate to `http://localhost:3000` to see your app.\n\n## First Time Project Template Setup\n\n#### 1. Create a `.env` file.\n\n```bash\n# Private key used for testnets (ropsten)\nETH_PRIVATE_KEY=\"\"\n\n# This is the private key you will used to deploy to mainnet\nETH_MAINNET_PRIVATE_KEY=\"\"\n\n# This API Key is used for Etherscan contract verifications\n# To obtain the API Key go here -\u003e https://etherscan.io/apis\nETHERSCAN_API_KEY=\"\"\n\n# This is the address of the contract that will be used in production\n# You'll neeed to set it here, and in Vercel (or wherever you choose\n# to deploy the app.)\nNEXT_PUBLIC_CONTRACT_ADDRESS=\"\"\n\n# Name of the network contract is deployed on\nNEXT_PUBLIC_NETWORK_NAME=\"\"\n\n# This API is needed when you run `npx hardhat test` -- so that\n# you can approximate the cost of deployin your contract on mainnet\nCOIN_MARKETCAP_API_KEY=\"\"\n```\n\n## Resources\n\n#### Frontend\n\n- **[Tailwind UI](https://tailwindcss.com/docs)**\n- **[Tailwind UI Components](https://tailwindui.com/)**\n- **[Tailwind Community Components](https://tailwindcomponents.com/)**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmikeghen%2Fframes-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmikeghen%2Fframes-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmikeghen%2Fframes-app/lists"}