dxDAO Initializer

Introduction

@DAOstack/dutchx-bootstrapper-ui is a web application enabling anyone to earn reputation by several means in the GNOSIS dxDAO.

Implementation

The application code uses the standards-compliant and highly modular browser-side framework Aurelia.

Browser-side the application uses TypeScript/ECMAScript 2015 (ES6).

At this time there are no web server-side components.

You may find the compiled and bundled javascript in the dist-prod folder.

Webpack is used for bundling the javascript, html, css and images.

Run the Application Locally

The following instructions describe how to run the application locally. Assuming you have already cloned the repository:

Ensure that NodeJS, v10.14.2 or greater, is installed.

1. Install all the dependencies:

   npm install

2. Build and host the application:

   npm start

3. Browse to http://127.0.0.1:8091

Build and Run for Debugging

To build and run the application for debugging (no uglfying nor minifying, and with HMR):

1. Build and host the application:

   npm start build.development.andServe
   

2. Browse to: http://localhost:8090/

With HRM, when you modify the source, changes will be automatically loaded into the running application, without requiring a manual full rebuild. (Though certain TypeScript modifications do require refreshing the page, when the code is only executed when the page is loaded.)

Application Configuration

Hard-coded application configuration is contained in static\app-config.json

Code and Top-Level Pages

All of the application code is located under src except for index.ejs, which is the application starting point directing execution to main.ts.

The landing page is in landing.html and landing.ts.

The initialization UI is in dashboard.html and dashboard.ts.