DappSnap

DappSnap

build flexible no-code Dapps & storefronts, in a snap

59
Built at Onchain Summer Buildathon

The problem DappSnap solves

Dappsnap fills the sweet spot between fully fledged web3 website development, and using low/no-code website templates. It enables users to develop fully functional Dapps or shopify storefronts. It can speed up the "zero to one" development, taking the expensive, long and hard work away from the user.

Building such an application from scratch is always a challenge in terms of:

  • security
  • codebase
  • collaboration with designers & team

The web3 world needs a high quality crypto-native low-code development platform for rapid prototyping, proof of concepts, and maintaining tools around contracts. But all DeFi applications security modelling should be tailored to be as secure as 1inch and Uniswap-- by default.

All of this costs a lot and this stops lots of great projects from being launched. By reducing those costs dramatically without compromising on quality, functionality, security, or flexibility we desire to open the new chapter for the next upcoming great projects!

Challenges we ran into

The biggest challenge lies in the nature of the concept. Low-code/no-code builders always tend to lock users on their platform, not letting them out easily. Dapps require freedom, they need to be open-sourced and not bounded by platform - whether it’s Instapage, Tilda or Builder.io.

It is hard to design the deployment pipeline that fully separates builder app from the final product, airgapping it from any even theoretical possibility to scam or abuse their client’s users, yet that’s how DappSnap works.

Our code generator transforms the application designed into simple, readable and auditable React applications, pushing the code to GitHub or any other git provider, with no strings attached; all the web3-related logic is processed by Wagmi & Viem loaded externally, removing even a place for possible malicious injection.

Another huge challenge was moving best practices of Dapp developers to visual editor. Integrating single wallet connector is hard sometimes. Integrating three most popular solutions - Thirdweb, RainbowKit, and Onchainkit - so smooth that it feels like the single tool is extremely hard, yet, that’s how it works in DappSnap.

And as a cherry on top - DappSnap has several really smart features so good that even some Dapp developers told they would prefer to use us instead of coding. This UI now just feels something out of this world.

Switching between the states, mimicking the specific address and state with one click was hard to implement, but it is now so much easier than connecting your wallet after page reload - and especially when trying to reproduce user-reported bug. And designing the smart contract interactions is so user-friendly, requiring zero lines of code written to call ABI method, that even designers with no experience in development can use them, which relies on every source of knowledge possible, from Etherscan and other data providers to decompilation of raw bytecode in search of selectors.

Tracks Applied (4)

Coinbase Smart Wallet

Dappsnap enables users to connect either directly using the onchainkit or as one the wallets of choice in thirdweb & rai...Read More

Coinbase Onchain Verifications

Dappsnaps supports onchain verifications for all wallet connectors provided including not only onchainkit but also third...Read More

OnchainKit

Dappsnap supports onchainkit in its full functionality including providing the UI no-code components for connecting the ...Read More

Commerce Track

Dappsnap enables users to create highly customizable shopify storefronts.The amount of possibilities for customization i...Read More

COMMERCE with Shopify

Cheer Project

Cheering for a project means supporting a project you like with as little as 0.0025 ETH. Right now, you can Cheer using ETH on Arbitrum, Optimism and Base.

Discussion