React Demo Client
Winner Best Health Tech Solution HTN Health Teach Awards 2020
This client, written in React.js, is for demonstration of the API and the chart library component. This is now the main focus of development for our RCPCH Digital Growth Charts Demo Client. We previously built a Flask-based client (which used Flask only because that client actually split off from the original API development). The Flask client code is still available as an educational tool, however it is considered deprecated and will not receive updates.
We have attempted to build the very best of growth chart theory and practice into the React client, including guidance given to us by the RCPCH Digital Growth Charts Project Board, and accepted best practice from the days of paper growth charts.
Clinical notes regarding the React client
Pink and Blue no longer used for the charts
It was felt that representing boys' charts with blue lines and girls' charts with pink lines did not really fit with 21st Century sensibilities of sex and gender. A Project Board decision was made to remove these colours and simply render the charts in monochrome black/grey, with some more off-the-wall colour themes available for variety and interest only.
Documentation
API documentation can be found here.
If you spot errors or inconsistencies in any documentation, please do point them out to us either by creating an Issue in the relevant repository, or by making a pull request with a fix. We will acknowledge all contributors.
Developer documentation
Built in React using Semantic UI React.
Set Up
- Install React here
- Clone the repo
- Navigate to the root of the folder
npm login --registry=https://npm.pkg.github.com
andnpm install
npm start
Style
We recommend the use of the Prettier Javascript linter.