Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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: 28 days ago
JSON representation

A UI built for deploying supertokens from ERC20s on any network

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)