The frontend uses vue-cli. Please refer to the official documentation for setup instructions.
Please be sure to use 'yarn' instead of 'npm' as package manager.
- Clone this repository
- Create a
.env
file based on the.env.example
file and fill it with your configuration. See below to learn more about the configuration. - Run
yarn serve
to test locally andyarn build
to build application
- Choose you location selector (default: postal-code) (only postal code available for now)
- Setup the data source and geocoding data URLs
- Set the map default position and zoom level
- Set the recaptcha key (not the secret) with the value from the reCAPTCHA console.
- List the languages you need
- Set the github repository of your fork for the issues reporting
- Set the social links for the desired platforms
- Configure the URL for the backend endpoint to your backend instance.
If you want to develop on the front-end, you can set-up the configuration with existing data sources from an already running instance.
For example, to point to the Swiss data source, put this in your .env file:
VUE_APP_VISU_DATA_SOURCE_URL=https://raw.githubusercontent.com/ch-covid-19/datasets/master
VUE_APP_VISU_GEOCODE_URL=https://raw.githubusercontent.com/ch-covid-19/datasets/master/geocoding.csv
VUE_APP_VISU_LAST_UPDATE_URL=https://raw.githubusercontent.com/ch-covid-19/datasets/master/last_update.txt
Translations are done with the online POEditor service.
The process for translators is the following :
- New keys are added in the frontend by the developers
- New keys are imported in POEditor (done automatically, but with manual trigger, responsibility to be defined)
- Translators are informed of the new keys by notifications
- Translators translates the new keys in POEditor
- Translations are exported in the frontend (done automatically, but with manual trigger, responsibility to be defined)
- The next release includes the new translations
Contributions are welcome through merge requests.
This section will be updated soon...