Development

Some useful tools for when developing on this system:

• React Developer Tools (Chrome)
  • These add extensions to your browser's developer tools section to view the current state of any React components and modify their state in realtime

Testing

To run all tests (for the frontend and backend) you can invoke these via NPM in the frontend directory with:

npm run test-all
npm run test (runs just frontend tests)
npm run test-backend (runs just backend tests)

Code Formatting

This is done automatically precommit for you and can be invoked manually via NPM in the frontend directory with:

npm run prettier-all
npm run prettier (runs just for the frontend code)
npm run prettier-backend (runs just for the backend code)

The frontend code is formatted with Prettier and the backend uses Black. Both of these are automatically installed for you.