Youfoodz: Single Page Application (2020-2021)

Refactored version of the existing Youfoodz eCommerce website, in the form of a SPA built using ReactJS, TypeScript, GraphQL, and Contentful.

Frameworks/Packages • ReactJS, Storybook, Apollo, Lerna, Redux

Languages • TypeScript, GraphQL, Less

Testing • React Testing Library, Enzyme, WebdriverIO

Project • ESlint, Stylelint, Prettier

Design/Styles • Figma, CSS Modules

Third-Party Software • Shopify, Contentful CMS, Sentry, Gitlab

Youfoodz: Doctor's Kitchen (2020-2021)

The first white-label version of the Youfoodz eCommerce website, for co-branding a doctor's certified range of products.

Frameworks/Packages • ReactJS, Storybook, Apollo, Lerna, Redux

Languages • TypeScript, GraphQL, Less

Testing • React Testing Library, Enzyme, WebdriverIO

Project • ESlint, Stylelint, Prettier

Design/Styles • Figma, CSS Modules

Third-Party Software • Shopify, Contentful CMS, Sentry, Gitlab

CUA: Digital Style Guide (2019)

Defines the code standards, development process, and getting started/learning resources, for new developers within the team.

Frameworks/Packages • Docusaurus, ReactJS, Storybook

Languages • TypeScript

Project • Netlify

CUA: Financial Wellbeing Calculator (2019)

Displays a 13 question quiz which when complete assigns a category to a user (eg. doing well, struggling etc.). This category then affects the content displayed on the page (eg. blog posts, videos etc.).

Frameworks/Packages • ReactJS, Storybook, Percy

Languages • TypeScript, GraphQL

Project • Netlify, CSS Modules

Third-Party Software • Contentful CMS, Squiz

CUA: ReactJS Component Library (2019)

Setup as a Lerna monorepo with every component including type checking, Storybook integration, usage docs, and full JSDoc commenting.

Frameworks/Packages • ReactJS, Storybook, Percy

Languages • TypeScript

Project • Webpack, Lerna, Netlify, CSS Modules

Neto: Bespoke Premium Theme (2018-2019)

The first drag & drop based theme on the Neto eCommerce platform. Featuring a component based design, to allow for easier code maintenance, readability, and additions.

HTML5/CSS3 • Less, Gulp

JavaScript • jQuery, AJAX

Frameworks • Bootstrap 4

Design • Figma

eCommerce • Neto B@SE

Neto: Project Scope (2018)

Website and desktop app which parses markdown and calculates Coding, Design, and Total hours for each segment of a website Project Scope (saving 3+ hours per client).

HTML5/CSS3

JavaScript • jQuery

Frameworks • Bootstrap 4, Electron

Server-Side • Node, Netlify

Design • Figma

Other • Regex