effectai / dapp-image-labeler

dApp-Boilerplate

What is this?

This repository is a boilerplate for building dApps on the Effect Network. It is a Vue.js app that uses the Effect Network JavaScript SDK to interact with the Effect Network.

There are two folders in this repository:

1. Effect-Network-dApp
2. Effect-Force-Template

The first folder is a basic example web application built with Vue that uses the Effect Network JavaScript SDK to interact with the Effect Network. They are called Effect Network dApps; they allow users to create and post tasks on the Effect Force. The second folder is an example campaign template built with Vue for Effect Force. The contents of index.html are created with the (effect-js)(https://github.com/effectai/effect-js) library or created with Effect-Force.

Medium Article

We published a medium article that goes a bit more in-depth on how to launch a dApp on the Effect Network. You can read it here: How to Build a dApp on the Effect Network

Prerequisites

• Node.js (v16.0.0 or higher)
• Vue knowledge
• EFX (testnet) Tokens
• NVM (optional)
• EOSIO Account (optional)
• BSC Account (optional)

Getting Started

The easiest way to get started is by cloning this repository.

git clone http://github.com/effectai/dApp-Boilerplate

cd into the Effect-Network-dApp folder and run the following commands to get started:

npm install # install dependencies
npm run dev # run the app in development mode

You can navigate to http://localhost:3000 to see the app running. Afterward, cd into the Effect-Force-Template folder, open the index.html file and copy-paste the contents into the Effect Force campaign template editor. Note that this link will take you to the Testnet environment of the Effect Network. You can also use the Effect Force campaign template editor to create a campaign on the Mainnet.

Testnet EFX Faucet

To get testnet tokens, you must join our Discord Server and request them in the #faucet channel. You can join our Discord Server here. Run the following command in the channel to get your testnet EFX tokens:

!get_tokens <your-account-name>

Your account name can be found on your profile page on the Effect Force website.

Resources

• Effect Network Documentation
• Vue.js Documentation
• Effect Network JavaScript SDK Reference
• Launch you dApp on Effect Network
• Effect Force (Mainnet)
• Effect Force (Testnet)
• Join our DAO
• Join our Discord Server