This React + Vite application was developed for staff self-assessment using the Government Digital and Data Profession Capability Framework.
The user chooses their discipline and then reviews how well they've performed at the relevant skills by setting a score them and by providing evidence. They can then 'Save' their submission or 'Submit' their submission (which marks it as ready to be reviewed by their line-manager).
If the user has previously submitted self-assessments the years prior, they can view them in the 'Previous Submissions'.
The line-manager of the user can then review and approve their self-assessment.
This tool was originally deployed on Google Apps Script and was an integration with a Google Sheet. The code in the project would handle the loading of data and skills as well as the saving of submissions and line manager validations.
I have provided an example response and functions for replicating the functionality of the Google Apps Script project locally. The application can be started with
npm run dev
The application builds to a single HTML file (using vite-plugin-singlefile) with all the Javascript and CSS inline. This was to make the process of integrating the application into Google Apps Script more straightforward. The application can be built with
npm run build