Web3 Forms

Create token-gated forms with this free and easy-to-use online form builder.

Comment 1

Inspiration

I saw a tweet a few weeks ago, asking if there's any service that allows people to create token-gated forms. I couldn't find any service in the replies, so I created a naive implementation for it. After a while, I decided to make it into a full-blown form builder.

What it does

Web3 Forms is an online form builder that lets you create token-gated forms. For example, you can create an online form that can only be filled by those who own at least 1 BAYC NFT.

Imagine you want to create a Newsletter that drops alphas or trading strategies to those who buy your NFT. Or you want to create a paid newsletter subscription. You can do all of these with Web3 Forms.

The features include:

  • Online form builder.
  • Token-gated forms.
  • Paid subscription.
  • Limited access subscription, etc.

How I built it

I created a nextjs web app with a form builder. This form builder lets you add different form fields to your form. After building the form, the form details are uploaded to IPFS as a JSON file and a table is created for the form responses on the AWS database.

The form URL is generated using the CID of the form data uploaded to IPFS. It is then used to generate the form fields for respondents to fill the form. Hence, to fill a form, you'll visit https://web3forms-rho.vercel.app/form/${CID}.

When a user submits a form, the response is stored on the AWS database and can only be retrieved by the form owner.

Challenges I ran into

At first, I wanted to integrate with Google Sheets, so that form creators could access their responses in their spreadsheets. However, I couldn't figure it out and kept encountering errors. I eventually opted for AWS database integration as it was easier to integrate.

Accomplishments that I'm proud of

I'm proud of the fact that I was able to create this eventually. It's not perfect, but having an MVP is a great achievement for me.

What I learned

Before now, I'd never had to work with an AWS database before. During this project, I learned how to connect my app with AWS database and also create APIs within my Nextjs application.

What's next for Web3 Forms

The next thing is to build on the MVP and make it a more sophisticated product. Do some major bug fixes, hire a UX designer to help improve the UI and also commercialize it.

I believe that with the right marketing, investment, and support, it's going to be a very successful product.

Share this project:

Updates