Covid Open Survey (CO-OP Survey) project. Design and front-end development. Dev fork of:
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
nicolas arduin 138d91720b Sketch source file 1 year ago
_design Sketch source file 1 year ago
locale updated translations after alice 1 year ago
main better description 1 year ago
open_survey some translation done! 2 years ago
src add anneke's website 2 years ago
static added logos in the footer 2 years ago
.gitignore add de & es locale 2 years ago
LICENSE Create LICENSE 2 years ago
Pipfile get app together 2 years ago
Pipfile.lock Bump django from 3.0.6 to 3.0.7 2 years ago
Procfile get app together 2 years ago Add handling of "onboarding event already exists on OpenClinica" on login if user already has created an account and deleted it before 2 years ago
dump.rdb correct open humans links 2 years ago
env.sample adds basic export task and needed variables 2 years ago initial django commit 2 years ago
package.json Front-end design start. 2 years ago
postcss.config.js Front-end design start. 2 years ago
yarn.lock Bump lodash from 4.17.17 to 4.17.19 2 years ago

Demo of how Open Humans to OpenClinica workflow can work


Assumes you have a basic understanding of how Django, pipenv, & heroku work:

  • pipenv install
  • pipenv shell
  • heroku local:run python migrate
  • heroku local

Web-server should be up on


Copy the env.sample as .env and fill in the missing bits. Required:

  • An Open Humans project
  • Having a Participate enabled Open Clinica survey and the corresponding token to add participants etc.

Demo deployment runs on

Logging in with Open Humans will:

  • Create Open Clinica participant
  • Schedule first survey for them
  • Get participant access survey_token
  • Email this via Open Humans to just registered participant

Design dev

Assumes you have a basic understanding of how node and yarn/npm work.
Node version used: 12.16.1

We use PostCSS to enhance browser compatibility, accessibility and preformances.
A package.json and a postcss.config.js config file exist at the document root. Add or remove plugin from there.

In order to edit the styles, you need to:

  • run yarn install or npm i
  • edit the styles in src > css > parts
  • run yarn watch or npm run watch while in developement (watches the changes)
  • run yarn build or npm run dev for production

The optimized and minified style file is under static > css

Translations / i18n

#### Activate a new language

To activate a new language edit the LANGUAGES setting in

  ('en', _('English')),
  ('fr', _('French')),
  ('de', _('German')),

You need to do this first before translating because the language name itself needs to be translated.

Add a new language

To add a new language simply add a new directory in /locale with the language code as name, for example: /locale/fr for french.

Then to generate the translation files run:

python makemessages

It will create django.po files inside each /<lang>/LC_MESSAGES directory.

You can edit these files directly with any text editor or specialized software / web application.

Once the translations are complete, to generate the binary files optimized for consumption by Django, run:

python compilemessages

It will create files inside each /<lang>/LC_MESSAGES directory.