Summary

Led development of a data-centric React application, building a GDS-compliant UI component library using React, TypeScript, Radix UI and Stitches, whilst mentoring junior developers.

Technologies

React

TypeScript

Node.js

Express.js

Stitches (CSS-in-TS)

Storybook

Unit/Integration/E2E Testing

Static Code Analysis/Tooling

Projects

Internal Data Analysis Portal

Led development of an SPA web application using React, TypeScript and Ramda. The application served as a critical tool for internal data analysis teams to streamline their review and selection process, allowing efficient data reconciliation and processing operations, improving decision-making through a data-driven approach.

Developed a custom state management solution using a combination of TypeScript, React Hooks, React Context API and module state to optimise re-rendering and page updates.

Mentored junior developers by providing technical guidance and educational sessions, introducing new technologies and patterns.

UI Component Library

Developed and maintained a custom, accessible UI component library using React, TypeScript, Radix UI and Stitches, adhering to GDS guidelines and accessibility principles.

Implemented a component-driven development workflow using Storybook and Jest for unit and visual test coverage and documentation.

Enforced best practices and optimised developer workflows to guarantee that all code successfully passed static code analysis and type checking prior to being integrated into source control, using ESLint, Prettier and Git hooks.