π΅οΈ Find more boilerplates using GitHub | β¨ Official boilerplates
Template to help you build your first Aragon application following the tutorial from hack.aragon
To run the app in a browser with front end plus back end hot reloading, simply run npm start
.
- 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.
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.
- src: Source files.
- 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.
- @aragon/os: Aragon interfaces.
- @aragon/api: Wrapper for Aragon application RPC.
- @aragon/ui: Aragon UI components (in React).
- @aragon/buidler-aragon: Aragon Buidler plugin.