project screenshot 1
project screenshot 2
project screenshot 3

dragd

Super simple creator tools to make websites and dapps.

Live DemoSource Code

dragd

Created At

ETHIndia 2022

Winner of

trophy

🧙 IPFS & Filecoin — 🔟 General Storage Track: Top 10

trophy

🥇 StackOS — Best Use

trophy

🏊 StackOS — Pool Prize

trophy

🥈 ENS — Best Use

trophy

🥇 Starton — Best Use

Project Description

The vision is to build a decentralised wordpress.

While there are many no-code tools for creating blockchain-primitives like NFT drops and token-mints, there is a lack of client applications to provide utility beyond mint and trading.

Existing website builders are centralised(hosted on cloud resources) and don't support web3 domain name records (.eth, .lens, etc). With dragd, anyone can create a decentralised website in seconds and deploy it to IPFS.

Since tokens/nfts all share common interfaces, the uniform data layer of ethereum allows various different types of apps to operate on a single asset. For example, when a project uses a site like OpenSea to mint NFTs, the functionality usually ends at trading it. With dragd, creators can make websites for token-gated content, smart contract control panels, dashboards, etc.

dragd includes several blocks that can interact with blockchains/web3 services, and can be set up with no-code. The super simple visual editor hides most code-concepts and feels like a design tool that anybody can use.

How it's Made

We faced a bunch of challenges:

  • Creating build jobs/deployments for each user. Each user's site gets built into a static bundle and is deployed to IPFS. The job system to handle this was challenging. This was helped by StackOS' deCloud offerings.
  • Creating an intuitive website designer - making a truly drag and drop editor that doesn't confine users to a nested grid needed a lot of javascript hacking.
  • Smart contract deployment - we wanted to hide most of the technical details about creating contracts, and Starton's apis gave us a wide range of template smart contracts to offer users.
  • wagmi js - using hooks in react is not easy especially when you're in a hurry.
  • Widespread wallet support with a social login fallback. Wallets like walletconnect use slightly different apis and require UX considerations.
background image mobile

Join the mailing list

Get the latest news and updates