User Interface for the Milestone Tracker
Clone or download
Latest commit 5b0d409 Aug 15, 2017
Failed to load latest commit information.
dapp re-add completed milestones in proposals Aug 11, 2017
docs update readme Aug 1, 2017
.babelrc Init Jul 18, 2016
.editorconfig merged from upstream Jul 17, 2017
.eslintrc Updated dependencies and solved most of the warnings/errors. Jun 11, 2017
.gitignore added some docs (#53) Jul 26, 2017
.travis.yml Enable Travis Jul 18, 2016
LICENSE First test Jan 18, 2017 update env.js w/ payData workaround Aug 4, 2017
env.js disable eslint for env.js Aug 4, 2017
mocha-webpack.opts Init Jul 18, 2016
package-lock.json update package-lock.json Aug 11, 2017
package.json add more detail to campaign page Aug 11, 2017
webpack.config.js added tx notifications to campaign deployer Jul 28, 2017

Milestone Tracker User Interface

The MilestoneTracker UI is a user interface for the MilestoneTracker contract and in future will be extended to cover the whole functionality of Giveth DAC (Decentralized Altruistic Community).

The application is written in React and interfaces directly with the Ethereum blockchain via the Giveth smart contracts. You can find the production version of this decentralized application (Dapp) and more information on the Giveth website.

NOTE: For contributing code use the "develop" branch of this project repository. The develop branch is deployed here:

We also use ZenHub to provide a trello like interface for managing our github issues. Picking issues from the Backlog lane would be the best place to start contributing.

How to run developer version

Installing dependencies

  1. Make sure you have installed Node.js
  2. If not already, install Ethereum testrpc
    npm install -g ethereumjs-testrpc
  3. Clone the repository
    # Clone the MilestoneTracker UI repository
    git clone
    cd milestonetracker-ui
  4. Install dependencies
    npm install

Running developer version

  1. Run a local Ethereum node with JSON-RPC listening at port 8545 in deterministic mode.
testrpc --deterministic
  1. In new terminal window load the example data.
# run env.js script which automatically creates example data in the blockchain
node env.js
  1. Start the dev server from the milestonetracker-ui directory.
npm start

Load http://localhost:8080/ on your web browser.

Note that if you did not run the JSON-RPC in dtereministic mode, you will have to update dapp/js/blockchain/Network.js 'Testrpc' network object with the GivethDirectory address from the ouput of step 2.

  4: {
      title: "Testrpc",
      directory: new GivethDirectory(web3, "{update me}");
      campaignTrackerAddress: "0xe78a0f7e598cc8b0bb87894b0f60dd2a88d6a8ab",
      etherscan: "",

Production deployment

  1. Run npm run build and upload build/ to your server.