Skip to content

React Demo Client

Github Issues Github Stars Github Forks Github Licence

Github repository


HTN Awards

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 updating it is not a high priority.

We have attempted to build into the React client the best of growth chart theory and practice, including guidance given to us by the RCPCH Digital Growth Charts Project Board.

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.


  • 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

This project was bootstrapped with Create React App.

  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