{"id":21103752,"url":"https://github.com/fredoist/snippi-nft","last_synced_at":"2025-08-12T13:38:21.837Z","repository":{"id":40451550,"uuid":"454175286","full_name":"fredoist/snippi-nft","owner":"fredoist","description":"Turn your code snippets into non-fungible tokens. 🥈 Hackathon runner up project.","archived":false,"fork":false,"pushed_at":"2022-09-06T16:46:24.000Z","size":3870,"stargazers_count":5,"open_issues_count":1,"forks_count":1,"subscribers_count":0,"default_branch":"main","last_synced_at":"2024-09-06T00:08:38.996Z","etag":null,"topics":["hackathon","nextjs","nfts","react","tailwindcss","thirdweb","web3"],"latest_commit_sha":null,"homepage":"https://snippi.vercel.app","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/fredoist.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-01-31T21:25:32.000Z","updated_at":"2023-07-25T14:53:55.000Z","dependencies_parsed_at":"2022-08-09T20:51:15.235Z","dependency_job_id":null,"html_url":"https://github.com/fredoist/snippi-nft","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fredoist%2Fsnippi-nft","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fredoist%2Fsnippi-nft/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fredoist%2Fsnippi-nft/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fredoist%2Fsnippi-nft/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fredoist","download_url":"https://codeload.github.com/fredoist/snippi-nft/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225444538,"owners_count":17475354,"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":["hackathon","nextjs","nfts","react","tailwindcss","thirdweb","web3"],"created_at":"2024-11-19T23:59:48.522Z","updated_at":"2024-11-19T23:59:49.110Z","avatar_url":"https://github.com/fredoist.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![Contributors][contributors-shield]][contributors-url]\n[![Forks][forks-shield]][forks-url] [![Stargazers][stars-shield]][stars-url]\n[![Issues][issues-shield]][issues-url]\n[![MIT License][license-shield]][license-url]\n[![LinkedIn][linkedin-shield]][linkedin-url]\n\n\u003cbr /\u003e\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"public/assets/img/logo.svg\" alt=\"Snippi NFTs\" width=\"200px\"\u003e\n\u003c/p\u003e\n\n\u003ch3 align=\"center\"\u003eSnippi NFTs\u003c/h3\u003e\n\u003cp align=\"center\"\u003eAn NFT collection and frontend code playground to mint code snippets as NFTs.\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cbr /\u003e\n  \u003ca href=\"https://fredoist.hashnode.dev/snippi-nfts-the-interactive-nft-collection-for-frontend-developers\"\u003e\u003cstrong\u003eThe Making Of Snippi NFTs\u003c/strong\u003e\u003c/a\u003e\n  \u003cbr /\u003e\n  \u003cbr /\u003e\n  \u003ca href=\"https://snippi-nft.vercel.app\"\u003eView Demo\u003c/a\u003e\n  ⁕\n  \u003ca href=\"https://github.com/fredoist/snippi-nft/issues\"\u003eReport Bug\u003c/a\u003e\n  ⁕\n  \u003ca href=\"https://github.com/fredoist/snippi-nft/issues\"\u003eRequest Feature\u003c/a\u003e\n\u003c/p\u003e\n\n# :memo: About the project\n\n\u003cimg src=\".github/screenshots/thumbnail.png\" align=\"center\" alt=\"Thumbnail\"\u003e\n\u003cbr /\u003e\nSnippi NTFs is a collection of interactive NFTs that you can create with code. It's a custom web app built with Next.js that integrates a frontend code playground where you can build interactive NFTs. The generated HTML file then gets minted to the blockchain of Polygon Network and is rendered in the web app using iframes.\n\n# :building_construction: Built with\n\n![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge\u0026logo=next.js\u0026logoColor=white)\n![Vercel](https://img.shields.io/badge/vercel-%23000000.svg?style=for-the-badge\u0026logo=vercel\u0026logoColor=white)\n![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white)\n![Thirdweb](https://img.shields.io/badge/-thirdweb%20platform-white?\u0026style=for-the-badge)\n\n### :bricks: Installation\n\n1. Clone the repo\n   ```sh\n   git clone https://github.com/fredoist/snippi-nft.git\n   ```\n2. Install NPM packages\n   ```sh\n   npm install\n   ```\n3. Rename `.env.example` file to `.env.local` and add your variables\n\n4. Run your local dev server by running `npm run dev`\n\n# :camera_flash: Screenshots\n\n\u003cp align=\"center\"\u003e\n\n![Home Page](.github/screenshots/home_page.png)\n![Code Playground](.github/screenshots/code_playground.png)\n![NFT Mint](.github/screenshots/mint_popup.png)\n![NFT Details Page](.github/screenshots/nft_details_page.png)\n\n\u003c/p\u003e\n\n## :bug: Contributing\n\nContributions are what make the open source community such an amazing place to\nlearn, inspire, and create. Any contributions you make are **greatly\nappreciated**.\n\n1. Fork the Project\n2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)\n3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)\n4. Push to the Branch (`git push origin feature/AmazingFeature`)\n5. Open a Pull Request\n\n\u003c!-- LICENSE --\u003e\n\n## :page_facing_up: License\n\nDistributed under the MIT License. See `LICENSE` for more information.\n\n\u003c!-- CONTACT --\u003e\n\n## Contact\n\nFreddy González - [@fredoist](https://twitter.com/fredoist)\n\nProject Link:\n[https://github.com/fredoist/snippi-nft](https://github.com/fredoist/snippi-nft)\n\n[contributors-shield]: https://img.shields.io/github/contributors/fredoist/snippi-nft.svg?style=for-the-badge\n[contributors-url]: https://github.com/fredoist/snippi-nft/graphs/contributors\n[forks-shield]: https://img.shields.io/github/forks/fredoist/snippi-nft.svg?style=for-the-badge\n[forks-url]: https://github.com/fredoist/snippi-nft/network/members\n[stars-shield]: https://img.shields.io/github/stars/fredoist/snippi-nft.svg?style=for-the-badge\n[stars-url]: https://github.com/fredoist/snippi-nft/stargazers\n[issues-shield]: https://img.shields.io/github/issues/fredoist/snippi-nft.svg?style=for-the-badge\n[issues-url]: https://github.com/fredoist/snippi-nft/issues\n[license-shield]: https://img.shields.io/github/license/fredoist/snippi-nft.svg?style=for-the-badge\n[license-url]: https://github.com/fredoist/snippi-nft/blob/master/LICENSE.txt\n[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge\u0026logo=linkedin\u0026colorB=555\n[linkedin-url]: https://linkedin.com/in/fredoist\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffredoist%2Fsnippi-nft","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffredoist%2Fsnippi-nft","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffredoist%2Fsnippi-nft/lists"}