Screenshot of the Capco website homepage

Capco

During my time at Ratio as a Lead Front-end Developer, I led the implementation of a phased refresh for the website. I also developed a comprehensive design system, utilising methodologies like BEM (Block, Element, Modifier) naming conventions and the Atomic Design methodologie. Additionally, I ensured that all new components were fully documented, providing clear guidelines for future development.

  • HTML
  • SASS
  • VueJS
  • Design System Creation
Adtran-blog.png

Adtran

For the Greenfield Blog project, I developed a lightweight, high-performance website that consumes content dynamically via a REST API powered by Sitecore.

Using only vanilla JavaScript, I implemented asynchronous data fetching, dynamic DOM rendering, and seamless navigation across posts and authors. 

  • HTML
  • SASS
  • BEM Naming
  • Atomic Methodology
  • Vanilla JS
  • REST API
Experience-Golf.png

The Experience Golf

Greenfield Front-end build with a Sitecore Back-end. Sections of the website use a React app to interact with APIs. 

  • HTML
  • SASS
  • React
  • E-commerce
  • Design System Creation
Penylan-pantry.png

Pen-y-lan Pantry

Custom WordPress build e-commerce site.

  • HTML
  • SASS
  • Woo Commerce