Skip to content

CoderBotOrg/frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

945aec2 · Feb 23, 2025
Nov 1, 2022
Jan 1, 2025
Jan 1, 2025
Oct 23, 2022
Oct 23, 2022
Feb 23, 2025
Nov 12, 2022
Oct 23, 2022
Nov 12, 2022
Apr 9, 2018
Oct 23, 2022
Nov 10, 2024
Oct 20, 2018
Jul 8, 2022
Oct 23, 2022
Nov 10, 2024
Oct 23, 2022
Feb 23, 2025
Feb 23, 2025
Jan 1, 2025

Repository files navigation

CoderBot frontend app

Build

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.