User Interface Implementation

Our UI was built in React using the Material UI component library [3] which we then coded custom Cascading Style Sheets (CSS) to fulfil the design we had produced in Figma. We built reusable components in constructing the UI so that similar or identical components could be created and used by other team members, ensuring consistent visual design across the application. This also made it easier for the team as when they came to implement a feature, they could simply pass their values to the UI components already created for them. We speak more about the design of the UI in the User Interface and Experience Design section.

Colours used were defined in src/theme/colors.ts so they could be managed from a central space