This is the CHEFS frontend. It implements a Vue frontend with Keycloak authentication support.
The CHEFS frontend will require some configuration. The API it invokes will be locked down and require a valid JWT Token to access. We will need to configure the application to authenticate using the same Keycloak realm as the app. Note that the Vue Skeleton frontend is currently designed to expect all associated resources to be relative to the original access path.
Ensure that you have filled in all the appropriate configurations following ../config/custom-environment-variables.json before proceeding. Other environment variables such as the app title and contact information must be configured using the Vue environment files .env, .env.development, .env.test.
Entries in the JSON file are deployed with the application. Entries in the .env files are per-environment.
Name | Description | Example |
---|---|---|
VITE_TITLE | The application title | Common Hosted Forms Service |
VITE_CONTACT | Contact information such as email | [email protected] |
VITE_FRONTEND_BASEPATH | The path to the Vue application | /app |
VITE_CHEFSTOURURL | The URL to the CHEFS tour video | https://www.youtube.com/embed/obOhyYusMjM |
VITE_HOWTOURL | The URL to the CHEFS how to video | https://www.youtube.com/playlist?list=PL9CV_8JBQHirsQAShw45PZeU1CkU88Q53 |
npm install
npm run serve
npm run build
npm run test:unit
npm run lint