opct-frontend

OPCT comes from Operation Program Change Tracker. Web app to track operation program changes.

Add a new language

1. create file with language name in locale folder. For instance es-CL.json, you can copy another json file and change its name
2. modify values according to the new language
3. add new language to VUE_APP_I18N_SUPPORTED_LOCALE variable in .env file (separated by comma)
4. compile or run project

Project setup

npm install

Create virtual environment file at root place with name .env.development with content:

NODE_ENV=development

VUE_APP_API_BASE_URL=http://endpoint_to_api

VUE_APP_I18N_LOCALE=es
VUE_APP_I18N_FALLBACK_LOCALE=es
VUE_APP_I18N_SUPPORTED_LOCALE=es,en

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

Before to create production files we need to add .env.production file with content:

NODE_ENV=production

VUE_APP_API_BASE_URL=http://production_endpoint_to_api

VUE_APP_I18N_LOCALE=es
VUE_APP_I18N_FALLBACK_LOCALE=es
VUE_APP_I18N_SUPPORTED_LOCALE=es,en

After that run:

npm run build -- --mode production

All arguments before -- are considered npm arguments and arguments after -- are passed to vue-cli-service (that's we need).

Run your unit tests

npm run test:unit

Run your end-to-end tests

npm run test:e2e

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.