Your first Aragon app template

🕵️ Find more boilerplates using GitHub | ✨ Official boilerplates

Template to help you build your first Aragon application following the tutorial from hack.aragon

Running your app

To run the app in a browser with front end plus back end hot reloading, simply run npm start.

What's in this boilerplate?

npm Scripts

postinstall: Runs after installing dependencies.
build-app: Installs front end project (app/) dependencies.
start Runs your app inside a DAO.
compile: Compiles the smart contracts.

Structure

This boilerplate has the following structure:

root
├── app
├ ├── src
├ ├ ├── App.js
├ ├ ├── index.js
├ ├ └── script.js
├ └── package.json
├── contracts
├ └── CounterApp.sol
├── scripts
├ └── buidler-hooks.js
├── arapp.json
├── manifest.json
├── buidler.config.js
└── package.json

app: Frontend folder. Completely encapsulated, has its package.json and dependencies.
- src: Source files.
  - App.js: Aragon app root component.
  - index.js: Aragon app entry point.
  - script.sol: Aragon app background script.
- package.json: Frontend npm configuration file.
contracts: Smart Constracts folder.
- CounterApp.sol: Aragon app contract.
scripts: Scripts folder.
- buidler-hooks.js: Buidler script hook.
test: Tests folder.
arapp.json: Aragon configuration file. Includes Aragon-specific metadata for your app.
manifest.json: Aragon configuration file. Includes web-specific configurations.
buidler.config.js: Buidler configuration file.
package.json: Main npm configuration file.

Libraries