One Click Dapp
  • 👋Welcome
  • Get Started
    • ⚡Quick Start
    • 👨🏻‍🏫 Intro
    • 🧑‍🤝‍🧑 Join the Community
  • Features
    • 📩Embed
    • 🚜Farm
    • 🔐Gnosis Safe
    • 🔀Remix IDE
    • 🍫Truffle
  • Swordy Bot
    • ⚔️ Set Up
    • Using Swordy Bot
  • Resources
    • 🍎Intro to Blockchain
Powered by GitBook
On this page
  • Introduction
  • Creating Interfaces
  • Sharing Links

Was this helpful?

  1. Get Started

👨🏻‍🏫 Intro

How One Click Dapp works

PreviousQuick StartNext🧑‍🤝‍🧑 Join the Community

Last updated 3 years ago

Was this helpful?

Introduction

All blockchain applications have two main components:

  • On-chain code e.g. a smart contract which handles the logic

  • Interface e.g. a website like https://app.uniswap.org

A Dapp is the combination of these two components.

The on-chain code portion of a Dapp "lives" on the blockchain network, so it cannot be accessed directly using a web browser.

One Click Dapp serves as the interface to any blockchain applications.

Instead, we must create a connection with a server or "node" connected to the blockchain network. Then we can use a library like to communicate with the node and ask for details about our blockchain app. Finally, we can display these details in a standard web application.

Sounds like a lot of work right? Let's do it all in one click.

Creating Interfaces

All blockchain applications can be accessed using only a few details:

  • Network - The blockchain network where the on-chain code is deployed eg. "Ethereum mainnet"

  • Contract Address - The specific location of the on-chain code on the blockchain network eg. "0xabc123...."

  • Application Binary Interface (ABI) - A list of functions and their arguments for the on-chain code.

You can create OCD interfaces for any on-chain code, not just your own applications.

Every blockchain application can have an unlimited number of interfaces. That's the power of blockchain - access cannot be blocked.

Sharing Links

OCD stores all the information about your blockchain application and creates a new web URL, for example:

oneclickdapp.com/heroic-lizard

The heroic-lizard part of the URL is a randomely generated identifier.

ethers.js