https://github.com/tripledoublev/onchain-html
onchain html on zora for onchain summer
https://github.com/tripledoublev/onchain-html
Last synced: 8 months ago
JSON representation
onchain html on zora for onchain summer
- Host: GitHub
- URL: https://github.com/tripledoublev/onchain-html
- Owner: tripledoublev
- Created: 2024-06-30T14:02:54.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-10T00:48:40.000Z (almost 2 years ago)
- Last Synced: 2025-04-02T07:13:46.277Z (about 1 year ago)
- Language: Svelte
- Homepage: https://tripledoublev.github.io/onchain-html/
- Size: 7.04 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Onchain HTML Summer
Onchain HTML Summer is an in-browser code editor that allows anyone to premint HTML on-chain NFTs. This tool enables you to create a smart contract and its first token using HTML, CSS, and JavaScript, all encoded as base64 strings on-chain thanks to the Zora API and SDK.
## Features
- **Premint**: Create a contract and its first token with HTML, CSS, and JavaScript using the SDK to Gaslessly Create 1155 Contracts and Tokens, aka Premints.
- **Code Editor**: Edit HTML, CSS, and JavaScript directly in your browser.
- **On-chain Storage**: Encode and store your HTML, CSS, and JavaScript as base64 strings ready to be minted and brought as onchain data.
## Preminted NFTs
These tokens were preminted using the Onchain HTML Summer tool. You can view them here:
[onchain html summer](https://zora.co/collect/zora:0xc43906bf6be263ed7bb12ba8a1a1a7056af9a5c6/1)
[rektangles](https://zora.co/collect/zora:0xdc41953d89f0b8164713bb2a86b8c2ba608e55dc/1)
## Future development
This tool is currently in development. An essential future feature would be to fetch exisiting collections and allows users to premint new tokens to existing collections. This would allow users to create a collection and premint tokens to it, without having to create a new contract every time. Once Zora I find out how Zora supports this, I will update the tool to support this feature.
## Getting Started
### Prerequisites
- Node.js and npm
### Installation
1. Clone the repository:
```bash
git clone https://github.com/tripledoublev/onchain-html.git
cd onchain-html
```
2. Install the dependencies:
```bash
npm install
```
### Running the Development Server
To start the development server, run:
```bash
npm run dev
```
### Changing chains
In the config file, import the chain you want to use and adjust L12 to the desired chain. It is currently set to `zora`.