https://github.com/seroxdesign/deploy-supertoken

A UI built for deploying supertokens from ERC20s on any network
https://github.com/seroxdesign/deploy-supertoken

nextjs react superfluid wagmi web3

Last synced: 2 months ago
JSON representation

A UI built for deploying supertokens from ERC20s on any network

• Host: GitHub
• URL: https://github.com/seroxdesign/deploy-supertoken
• Owner: Seroxdesign
• Created: 2022-12-22T20:34:35.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-05-18T01:45:42.000Z (7 months ago)
• Last Synced: 2024-05-18T02:34:38.222Z (7 months ago)
• Topics: nextjs, react, superfluid, wagmi, web3
• Language: TypeScript
• Homepage: https://deploy-supertoken-deployment.vercel.app/
• Size: 4.01 MB
• Stars: 6
• Watchers: 3
• Forks: 4
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
This is a Next JS app that allows users to deploy supertokens from ERC20 tokens

## Getting Started:

First, clone the app, install the packages and run the development server:

```

git clone

yarn install

yarn dev

```

## Packages and Libraries:

- [Wagmi](https://wagmi.sh/react/getting-started):  - Used for network connections, token data, and executing blockchain transactions. 

- [ConnectKit](https://docs.family.co/connectkit):  - Used to connect wallet to application. 

- [ANTD](https://ant.design/docs/react/introduce):  - UI library, used for tables, layout and buttons.  

## How To Use:

1 - Connect your wallet:

![image](https://user-images.githubusercontent.com/69639595/211585016-24bdf0ca-e3ef-4b3f-8ea5-dd15bc343a73.png)

2 - Input your ERC20 token address from any network: 

![image](https://user-images.githubusercontent.com/69639595/211585152-69983c32-e845-4270-9584-54579c21b9d6.png)

3 - Tables with token data will populate, when ready click the deploy supertoken button:

![image](https://user-images.githubusercontent.com/69639595/211585442-2d58d032-8aad-48dc-8f79-c5c565b60ae4.png)

4 - When token is deployed, you can check the transaction Link, supertoken Link on your network scan and check the token on Superfluid console:

![image](https://user-images.githubusercontent.com/69639595/211585769-415d8c0e-ae1d-40ea-8b24-83bea18bf228.png)

5 - Check superfluid console for newly deployed token:

![image](https://user-images.githubusercontent.com/69639595/211585859-063177cb-0cb5-40ef-8aec-0b2f9e824630.png)