africa-covid-19-response-toolkit/surveillance-forms
Domain:
healthcareRecord type:
software
Creator:
afr
Host:
# COVID19 - Surveillance Forms
Available Forms:
- Community Reporting Form
- Medical Centers Form
- Passengers / Port-of-Entry Form
| Community Form | Community i18n |
| :-----------------------------------------------: | :-----------------------------------------------------------: |
| | |
| | |
Overview:
- Mobile first
- Internationalization Support
- Common Form Utilities
- Environment Configuration
## Development
### Local Setup
```
# first time - install all dependencies
$ yarn install
# start the server
$ yarn local
```
### Component Development
Use storybook to develop components in isolation (see `*.story.js` files under `src/components`).
```
# start storybook
$ yarn storybook
```
### API Integration
- API calls live at the bottom of `src/api/index.js`
- Clone API Gateway repo and follow directions to start the API locally.
### State Management
- State is managed using mobx library (see `src/modules/resource/LanguageStore.js`).
- See `src/controllers/Community.js` for usage.
### Containers (Pages)
- Represents a page in the application
- Mapped to a route - see `App.js`
- Have access to `react-router-dom` properties `match`, `history` and `location`
## Guides
### How to add a form
- Create the form component under `src/components` (see `src/components/CommunityForm.js`)
- Create a page under `src/containers` (see `src/containers/Community.js`)
- Map your page to a route in `src/core/App.js`
### How to add a new language
- Add a new language pack by duplicating `src/modules/lang/phrases_en.js`
- Import and map new language in `src/modules/lang/lang-util.js`
### How to add a new language support
- To add a new language, copy the `src/config/lang-phrases/phrases_en.js`
- Rename the copied file to `src/config/lang-phrases/phrases_xx.js`
- Translate the phrases to the language of your choice (xx).
- Import the new file to `src/modul …