CoderBot frontend app

CoderBot is a RaspberryPI-based programmable robot for educational purposes. Check the project website for more information.

For further information about development and technical documentation, see the Wiki.

This is the new CoderBot client 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/frontend.git
cd frontend
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.