Summary

Led the development of a B2B workplace equality web application with multi-language support using Next.js, TypeScript and react-i18next, developed and maintained a custom, accessible UI component library based on the “System UI Theme Specification”, using React, TypeScript, Styled System and Emotion. Also acted in a partial UI design role, creating wireframes, prototypes, and designing UI components using Figma.

Technologies

React

TypeScript

Next.js

Storybook

Frontend Architecture

Styled System

Node.js

Express.js

Unit / Integration / E2E Testing

Static Code Analysis / Tooling

Design

Projects

B2B Workplace Equality Platform

Led the re-development of a B2B workplace equality platform using Next.js and TypeScript, served by a TypeScript Node.js backend server.

Implemented multi-language support for internationalisation/localisation features using react-i18next

Integrated custom UI components to build the application UI, enforcing consistent styling and improving overall developer experience

Live Preview: Equality Check

Design System: UI Component Library

Developed and maintained a custom, accessible UI component library, implementing a component-driven development workflow using React, TypeScript, Storybook and Jest for unit/visual testing and documentation.

Enforced consistent and scalable CSS strategy adhering to the Theme UI Specification and Styled System methodology, built using React and Emotion.

Also acted in a UI design role, creating wireframes, prototypes, and designing UI components using Figma.