Skip to content

React Demo Client

Github Issues Github Stars Github Forks Github Licence GitHub Pages Build & Deploy

GitHub repository

Online Demo

Best Health Solution 2020 - Health Tech Awards

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.


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

  1. Install React here
  2. Clone the repo
  3. Navigate to the root of the folder
  4. npm login --registry= and
  5. npm install
  6. npm start


We recommend the use of the Prettier Javascript linter.

Other documentation