technology-radar-ui

Technology Radar UI

This project is an user interface for visualising technology radars stored as spreadsheets

To visualise your own radar:

• use following spreadsheet template (create your own copy)
• find spreadsheet id in the url in our case for url https://docs.google.com/spreadsheets/d/11IUPvEX2RJ_ZoNMQeSVo7ghj2-BpeTCUIG3KoMf7Ifc/edit#gid=0 it is 11IUPvEX2RJ_ZoNMQeSVo7ghj2-BpeTCUIG3KoMf7Ifc
• open visualisation with you spreadsheet id https://pgs-dev.github.io/technology-radar-ui/{spreadsheetId} in our example https://pgs-dev.github.io/technology-radar-ui/11IUPvEX2RJ_ZoNMQeSVo7ghj2-BpeTCUIG3KoMf7Ifc

##Example radars

Frontend

• spreadsheet with data
• radar UI

.NET

• spreadsheet with data
• radar UI

Other links

Backend

• repository (Java) https://bitbucket.pgs-soft.com/projects/PNP/repos/techradar-backend/browse
• Backend (Spreadsheet based) https://techradar-api.pgs-soft.com/api
• API contract (Raml) https://bitbucket.pgs-soft.com/projects/PFP/repos/pgs-technology-radar-api/browse/api.raml

Build Setup

# install dependencies
npm install

# serve with hot reload
npm run start

# build for production with minification
npm run build

Deployment

First install npm install gh-pages -g and then:

npm install
npm run build
npm run deploy

For detailed explanation on how things work, checkout the guide and docs for vue-loader.