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.
Demo
About
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