project screenshot 1
project screenshot 2
project screenshot 3
project screenshot 4
project screenshot 5
project screenshot 6

QuickDapp

QuickDApp: AI-powered Web3 frontend generator. Input smart contract, get instant web dapp. Customized components for your contract functions. Accelerate development, focus on innovation.

QuickDapp

Created At

Superhack 2024

Winner of

Blockscout - Use Blockscout Block Explorer!

Prize Pool

Project Description

Auto AI-assisted Frontend Generator

  • Users input a deployed contract address on Base mainnet
  • Users can provide custom prompt text and other preferences
  • The system generates a fully interactive, complete NextJS project
  • The generated frontend is immediately usable
  • The frontend is deployed and publicly accessible
  • Users get full access to the source code for further customization
  • Generated code is almost production-ready

This project aims to streamline the process of creating frontend interfaces for smart contracts, making it easier for developers to quickly deploy and iterate on decentralized applications. It leverages AI to interpret contract details and user preferences, producing a tailored NextJS project that interfaces with the specified smart contract.

How it's Made

Architecture Design: https://miro.com/app/board/uXjVKvZaFmE=/

Figma Design (Giving away to everyone for free!): https://www.figma.com/design/Y65XK2sj4kbATHWJMW03yE/Design-File?node-id=1-2&m=dev

Blockscout Integration:

  • Fetches both source code and ABI given a contract address on Base mainnet
  • Provides comprehensive contract information for analysis

OpenAI Integration:

  • Generates structured JSON output for the frontend generator
  • Analyzes the provided source code, ABI, and custom user requests
  • Tailors the output to create a personalized frontend experience

Thirdweb SDK Integration:

  • Implements seamless user wallet connection
  • Ensures secure interaction with the blockchain

Base Mainnet Compatibility:

  • Supports all contracts deployed on Base mainnet
  • Allows immediate use of the product for any valid Base mainnet contract

Tenderly Integration:

  • Enables forking to a virtual testnet for safe testing
  • Allows users to test custom inputs without affecting the main network
background image mobile

Join the mailing list

Get the latest news and updates