Opnx Build

The Opnx Build platform is where your vision takes shape. This is the core of our no-code editor, designed to transform your text-based ideas into functional DApps specifically for the BNB Smart Chain (BSC). This section will guide you through the process of creating, refining, and customizing your application on BSC.

Creating a Project

Every DApp begins as a new project. From your dashboard, simply click "Build" to open the Build editor. This provides a clean canvas where you can begin instructing the Opnx engine to build for the BSC ecosystem.

Writing Effective Prompts

The quality of your DApp depends on the clarity of your prompts. The more specific your instructions, the more accurate the generated application will be. When building for BSC, be sure to mention BSC-specific standards and protocols.

Tips for Better Prompts:

  • Be Specific about Standards: Instead of "Make a token app," try "Create a dashboard for a BEP-20 token. It should show the total supply, the user's balance, and have a button to add the token to a BSC-configured wallet."

  • Define Core Features: List the key functionalities. For example, "Create an NFT minting page for a BEP-721 collection on BSC. It must have a 'Connect Wallet' button, a 'Mint' button, and display the price in BNB."

  • Integrate with the Ecosystem: Reference popular BSC protocols. For example, "Build a simple swap UI that uses the PancakeSwap router to swap BNB for CAKE."

Good Prompt
Vague Prompt

"Build an interface to interact with a PancakeSwap liquidity pool, allowing users to add or remove liquidity for a BNB/BUSD pair."

"Make a DeFi app."

"Generate a staking DApp where users can deposit a BEP-20 token to earn rewards. The UI should show the APR and the user's staked amount."

"I need a staking feature."

Live Preview & Code Viewer

Once you've written your prompt, click the "Generate App" button. Opnx will process your request and instantly generate two key outputs:

  • Live Preview: An interactive, real-time preview of your DApp connected to the BSC testnet. You can click through and test the user interface and wallet interactions as if it were already deployed.

  • Code Viewer: This panel displays the complete source code (e.g., React for the frontend, Solidity for the smart contract) that was generated for your BSC application.

This dual view gives you complete transparency and control. You can use the Code Viewer to:

  • Understand the Logic: See exactly how your prompt was translated into code that conforms to BSC standards like BEP-20 or BEP-721.

  • Edit and Customize: For more advanced users, the built-in code editor allows you to make direct changes. Tweak the UI, modify smart contract parameters for your BEP-20 token, or add custom logic. Your changes will be reflected in the Live Preview.

  • Download Your Code: If you wish to eject from the Opnx platform or deploy the contracts manually using BSC tools like Remix or Hardhat, you can download the entire codebase with a single click. You own what you build.

Last updated