The CBO Suite is a case-management web application that enables CBOs and members of CBOs to work together more effectively.
npm i -g yarn
)DB_CONNECTION_STRING
.If you are using GitHub Codespaces with the provided devcontainer, these prerequisites are provided.
To start the application:
> yarn
> yarn start:db // (optional) for local development
> yarn assets:
> yarn start:
Environments & Mapped Branches:
dev
branch: synchronized w/ integration environment.staging
branch: synchronized w/ staging environment.main
branch: synchronized w/ production & demo environments.Active development is performed in feature branches and synchronized into the dev
branch as it stabilizes. When a sprint completes, the dev
branch is merged into the staging
branch. When the release is approved, the staging
branch will be merged into the main
Development Branches:
The following branch naming patterns are utilized for different kinds of efforts within the project. All branches should target the dev
branch, except for hotfix
branches, which may target both dev
and main
.
fix/*
feature/*
hotfix/*
ci/*
docs/*
test/*
refactor/*
Please refer to the readme in packages/acceptance-tests
for testing instructions.
The application is developed to support multiple locales. Text displayed to the user, either directly on the site or through emails (ex: password reset) will use the locale selected by the user to determine the language. To achieve this, all text displayed to the user must be read from asset files and must not be hardcoded in the application.
There are two places in the application where localized strings exist:
Both of those projects have a locales subfolder (src/locales). In turn, each supported locale will have a subfolder in the locale folder. The text to display is captured in JSON files structured by locale folder. The JSON files are heirarchical key -> value pairs that map keys to their display text values. For example, the following details basic text keys for the page title and account header.
{
"pageTitle": "My Profile",
"_pageTitle.comment": "Page title displayed in the browser tab",
"account": {
"header": {
"title": "My Profile",
"_title.comment": "Header title text",
"userName": "Username",
"_userName.comment": "Username field label",
"userSince": "User since",
"_userSince.comment": "User since field label",
"numOfAssignedEngagements": "# of Currently Assigned Requests",
"_numOfAssignedEngagements.comment": "# of Currently Assigned Requests for Assistance field label",
"totalEngagementCompleted": "Total Requests Completed",
"_totalEngagementCompleted.comment": "Total Requests Completed field label"
}
}
}
A few things to note from the above:
account.header.title
would be used in the application to display My Profile
.comment
do not need to be translated as they are informational onlyWhen it comes time to display text to the user, the application will use the specified locale to lookup the text to use by key. The locale will default to en-US if not otherwise specified. Furthermore, if a key does not exist for the specified locale, then the text will be taken from the en-US locale file.
To update the displayed text, it is sufficient to update the locale JSON files. Once these files have been updated and pushed to the appropriate branch, the updated text will be picked up by the application.
The GitHub Actions CI workflow is used to automate the deployment of the app in accordance with the branching strategy described above. The infrastructure required for an instance of the application is:
The application uses the config package to manage configuration settings per hosted environment. The following environment variables may be defined to override configuration settings:
Web App environment variables