previ / vue-app

The new web application, in Vue.js

vue-app

This is the new CoderBot application in Vue.js.

It exposes settings, a Blockly development environment, persistence and the ability to customise the UI and the Activities proposed to the student.

Check the project website for more information.

Quickstart

Run the backend, following the instructions here.

Once the backend is online:

git clone https://github.com/CoderBotOrg/vue-app.git
cd vue-app
npm install
npm run dev

By default, the (development) build configuration assumes you have the backend available at localhost:5000. Change the CB_ENDPOINT value according to your setup (e.g. different location, production, static ip of a real RPi running the backend) in the config/dev.env.js file.

While in production environment, it assumes you are serving the vue app from the backend, thus having CB_ENDPOINT to a blank string.

# build the web application
npm run build
# move the produced folder in the backend
mv dist ../coderbot/

At this point, run the backend and Flask will serve the built Vue app at /vue.

Another build value you may want to edit it's assetsPublicPath in config/index.js, which allows to serve the application from a subfolder.

Acknowledgments

I'd like to sincere thank uki, cb109, Kael, ivansieder, Lloyd for helping me with vuejs/vuex/vuetify/javascript and providing appreciated insights and context.