CyborgGUI

This repository contains the CyborgGUI web app source code. The GUI is a web app developed using Vue to control and monitor the robot body of the NTNU Cyborg. Together with the Commander ROS node in the CyborgRobot repository, these two components make up the Cyborg GUI Module. The Vue App uses Vue single-File components which are files with the .vue extension that contain Vue-variants of HTML, CSS and JS code. Azure is used to host and continuously deploy the web app from this repo using Kudu build service. The contents of the 'dist' folder is what is deployed, this can be changed by modifying the .deployment file. Please go through Vue Tutorial when developing the app.

Historic data from the Cyborg is stored in MongoDB Atlas, for login information to Azure or MongoDB Atlas see "info til medlemmer" -> "Login Info" in Microsoft Teams.

Project setup

Clone repository.

npm install

Run Vue UI (PREFERRED)

The UI is intuitive to use and can locally serve, build and lint the project.

vue ui --dev

Manually:

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.