Skip to content

Latest commit

 

History

History

frontend

CHEFS Frontend

This is the CHEFS frontend. It implements a Vue frontend with Keycloak authentication support.

Configuration

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.

Super Quickstart

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.

Required .env variables

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

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your unit tests

npm run test:unit

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.