A VueJS based SPA for the RSE Admin Tool
The RSE Admin tool is for tracking the assignment of RSEs to projects, cost recovery and project status. The app brings together data from HubSpot, University financial reports and assignment data from the API.
Mark Turner, Newcastle University (mark.turner@newcastle.ac.uk)
Kate Court, Newcastle University (kate.court@newcastle.ac.uk)
Becky Osselton, Newcastle University (rebecca.osselton@newcastle.ac.uk)
Mark Turner
RSE Team
Newcastle University
(mark.turner@newcastle.ac.uk)
The application uses Vue to manage routes and data binding, with Vuex for state management. Charts are implemented with HighCharts and layout uses TailwindCCS.
VueJS
Vuex
HighCharts
Tailwind
A local version of NodeJS (nvm is recommended) and a local MySQL Community Server running for development. Whilst possible to interact with the database via an interactive shell, it is recommended to use a GUI tool such as MySQL Workbench.
Install dependencies
yarn install
Run with hot reload for development
yarn serve
If using Node 18 You may need to run this command if yarn serve fails with an 'digital envelope routines::unsupported' error.
export NODE_OPTIONS=--openssl-legacy-provider
or switch to Node 16.
Detect linting errors
yarn lint
Deploying to a production style setup but on the local system. Command builds and minifies files into dist folder.
yarn build
Deploying to the production system. Examples of this would include cloud, HPC or virtual machine.
Any links to production environment, video demos and screenshots.
- Initial Research
- Minimum viable product
- Alpha Release
- Feature-Complete Release
Protected and can only be pushed to via pull requests. Should be considered stable and a representation of production code.
Should be considered fragile, code should compile and run but features may be prone to errors.
A branch per feature being worked on.