Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/fredoist/snippi-nft

Turn your code snippets into non-fungible tokens. 🥈 Hackathon runner up project.
https://github.com/fredoist/snippi-nft

hackathon nextjs nfts react tailwindcss thirdweb web3

Last synced: about 2 months ago
JSON representation

Turn your code snippets into non-fungible tokens. 🥈 Hackathon runner up project.

Host: GitHub
URL: https://github.com/fredoist/snippi-nft
Owner: fredoist
License: mit
Created: 2022-01-31T21:25:32.000Z (almost 3 years ago)
Default Branch: main
Last Pushed: 2022-09-06T16:46:24.000Z (over 2 years ago)
Last Synced: 2024-09-06T00:08:38.996Z (4 months ago)
Topics: hackathon, nextjs, nfts, react, tailwindcss, thirdweb, web3
Language: TypeScript
Homepage: https://snippi.vercel.app
Size: 3.69 MB
Stars: 5
Watchers: 0
Forks: 1
Open Issues: 1
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        [![Contributors][contributors-shield]][contributors-url]

[![Forks][forks-shield]][forks-url] [![Stargazers][stars-shield]][stars-url]

[![Issues][issues-shield]][issues-url]

[![MIT License][license-shield]][license-url]

[![LinkedIn][linkedin-shield]][linkedin-url]






  



Snippi NFTs

An NFT collection and frontend code playground to mint code snippets as NFTs.




  


  The Making Of Snippi NFTs

  


  


  View Demo

  ⁕

  Report Bug

  ⁕

  Request Feature



# :memo: About the project






Snippi 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.

# :building_construction: Built with

![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white)

![Vercel](https://img.shields.io/badge/vercel-%23000000.svg?style=for-the-badge&logo=vercel&logoColor=white)

![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)

![Thirdweb](https://img.shields.io/badge/-thirdweb%20platform-white?&style=for-the-badge)

### :bricks: Installation

1. Clone the repo

   ```sh

   git clone https://github.com/fredoist/snippi-nft.git

   ```

2. Install NPM packages

   ```sh

   npm install

   ```

3. Rename `.env.example` file to `.env.local` and add your variables

4. Run your local dev server by running `npm run dev`

# :camera_flash: Screenshots



![Home Page](.github/screenshots/home_page.png)

![Code Playground](.github/screenshots/code_playground.png)

![NFT Mint](.github/screenshots/mint_popup.png)

![NFT Details Page](.github/screenshots/nft_details_page.png)



## :bug: Contributing

Contributions are what make the open source community such an amazing place to

learn, inspire, and create. Any contributions you make are **greatly

appreciated**.

1. Fork the Project

2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)

3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)

4. Push to the Branch (`git push origin feature/AmazingFeature`)

5. Open a Pull Request

## :page_facing_up: License

Distributed under the MIT License. See `LICENSE` for more information.

## Contact

Freddy González - [@fredoist](https://twitter.com/fredoist)

Project Link:

[https://github.com/fredoist/snippi-nft](https://github.com/fredoist/snippi-nft)

[contributors-shield]: https://img.shields.io/github/contributors/fredoist/snippi-nft.svg?style=for-the-badge

[contributors-url]: https://github.com/fredoist/snippi-nft/graphs/contributors

[forks-shield]: https://img.shields.io/github/forks/fredoist/snippi-nft.svg?style=for-the-badge

[forks-url]: https://github.com/fredoist/snippi-nft/network/members

[stars-shield]: https://img.shields.io/github/stars/fredoist/snippi-nft.svg?style=for-the-badge

[stars-url]: https://github.com/fredoist/snippi-nft/stargazers

[issues-shield]: https://img.shields.io/github/issues/fredoist/snippi-nft.svg?style=for-the-badge

[issues-url]: https://github.com/fredoist/snippi-nft/issues

[license-shield]: https://img.shields.io/github/license/fredoist/snippi-nft.svg?style=for-the-badge

[license-url]: https://github.com/fredoist/snippi-nft/blob/master/LICENSE.txt

[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555

[linkedin-url]: https://linkedin.com/in/fredoist