Frontend is written in VueJs using VueX. Drawing graphic objects on the stage is done using the KonvaJS library (https://konvajs.org/)
PORT
- what port to use to set up application
VITE_APP_BACKEND_URL
- url to backend server
If you want to change these values locally, you can override them in .env.local
file.
- Use
npm run serve
in development to run application. The page will reload after changing files. OR - Use
npm run build
to build application to get static files for production.
The frontend uses the Vuetify framework which implements the Material Design theme developed by Google. As much as possible, the project should use components from this design to keep the theme consistent.
Vuetify documentation can be found at this link.
Older documentation may also be helpful.
The design uses Material Design icons.
A collection of all icons can be found here.