readme.md

INF5750 Data store App (Group project - Autumn 2016)

This repository hosts source code the group project of Open Source Development course (University of Oslo Autumn 2016). The main idea is to provide convenient way to access and modify data from data store module of DHIS2 system.

Team members

• Marius Andresen
• Zufarzhan Ismanov
• Ilia Ni

Installation instructions

• Install npm/node
• Install webpack globally (sudo) npm install -G webpack
• In the root of the project run npm install command
• Run webpack command
• Go to build and open index.html file in browser

Development

• Install webpack-dev-server globally sudo npm install -G webpack-dev-server
• Adjust base url in config.js file (../project-root/src)
• Add next piece of code to ../project-root/src/app.js file Vue.http.headers.common['Authorization'] = `Basic ${btoa('admin:district')}\`;
• Go to project root
• Run npm run dev
• Go to http://localhost:8080/build/index.html
• Add http://localhost:8080 URL to DHIS2 CORS white list:
  • Login to https://play.dhis2.org/demo
  • Go to apps -> System Settings -> Access
  • Check if http://localhost:8080 is in the list

Tools and libraries used

• VueJs 2.0 - MVVM JavaScript library
• VueMaterial - material theme for Vue
• Webpack - module bundler
• Babel - ES6 webpack loader
• Chart.js - chart library
• Store.js - localStorage wrapper
• Sass - styles preprocessor