I started The Portfoleyo to help founder led brands build and refine fast, scalable digital platforms. I work with a mix of ecom stores and content driven sites, using modern JavaScript frameworks, headless CMS solutions, and smart ecommerce integrations. My work spans full-stack development, performance optimisation, and enhancing SEO, accessibility, and UX to create seamless online experiences.

Tech: React, TypeScript, Remix, Vitest, Shopify, Sanity Studio, Klaviyo

Working on the Shopify Hydrogen framework (built on Remix) to enhance a custom Shopify storefront. My role includes creating React front-end components, integrating with Shopify’s Storefront API via GraphQL for product data, and managing models in Sanity Studio to provide the content team with greater control over the site’s front-end.

Workflows

Laying the foundations for an in-house development team by setting up task management and CI/CD pipelines, with deployments to Shopify Oxygen via GitHub Actions and to Sanity Studio.

Development

Ongoing bug fixes within the UI and codebase, extended the functionality of key components such as the carousel and resolved severe SEO issues by implementing necessary tags

Content autonomy

Upgraded Sanity content models to provide content editors with greater autonomy in adding new content without necessitating a release in the codebase

Dependency upgrades

Completed major deps upgrades to utilise the latest framework features, addressing outdated components and package vulnerabilities in the existing codebase

Tech: React, Redux, TypeScript, Next.js, SCSS, Storybook, Jest, React Testing Library, CircleCI, Contentful CMS, Optimizely

Design System squad responsibilities:

• Helped move to a monorepo structure to make code reuse and maintenance easier

• Partnered with key stakeholders to create a brand-new design system from scratch

Key contributions:

• Consolidated shared resources between the new component library and existing applications, driving efficiency and reducing redundancy

• Designed and implemented PostCSS and JavaScript mixins to enable responsive design within CSS modules, ensuring a maintainable and scalable approach to styling

• Created a suite of versatile, reusable components, including heading, typography, badge, image and picture, enhancing development speed and consistency

• Conducted in-depth research and technical audits, establishing a clean, modern and future-proof foundation for the design system

Other Contributions

Zendesk Integration

• Reintegrated Zendesk and upgraded the APIs to add live chat functionality across the site

• Managed the online launch, coordinating the deployment with feature flags to ensure a seamless rollout across various pages

Storybook

• Reinstated Storybook which was out of action when I started, and upgraded it to v8.2.9 to address security issues by removing outdated dependencies

Blog Enhancements

• Implemented social share buttons to increase user interaction and content visibility

• Developed several new components including a 'related content' widget, 'read time estimate' component, authorship section and breadcrumbs to enhance content discoverability and navigation

• Improved navigation with category selectors for a more intuitive UX

SEO Improvements

• Led the implementation of advanced SEO strategies, integrating schema markup for a wide range of site elements, including products, reviews, blog posts, breadcrumbs, videos, images and FAQs, resulting in better search visibility and structured data compliance

Tech: React, TypeScript, NodeJs, Jest, React Testing Library, Jenkins, Spinnaker

I joined as a Senior Developer in a team of 40 Frontend Developers, achieving the highest end-of-year performance rating offered within the company.

Discipline level successes:

• Worked on various Tech Epics e.g enhancing nightly build test failure notifications for improved specificity and targeting

• Co-led an epic focused on speeding up the pipeline for the main FE codebase, reducing lead times for deploying features

• Rewrote all component library UI cards used across the site, adopting composition over inheritance for improved flexibility and future-proofing

• Delivered a comprehensive presentation on 'Component Composition' during a FE Tech Day with 30+ devs in attendance

• Contributed to workshops, meetings, and senior alignment sessions, raised issues, and ran 'Tech help hour' sessions to support the wider discipline

• Supported with hiring by reviewing tech tasks and conducting final stage interviews with senior candidates

Squad level achievements:

• Conducted numerous experiments for Web and Native in various codebases and Microservices

• Managed successful launches of several Web products, such as Car Refinance and Car Finance PCP

• Wrote various Cypress e2e tests to ensure system reliability and confidence

• Led stand-ups, retros, implementation mapping sessions, defining API contracts and streamlining processes through 'ways of working' meetings

Contributions to company initiatives:

• Assisted in facilitating the Makers Academy assessment day technical challenge

• Created a tailored IC1 roadmap and progress tracker for FE juniors coming from Makers, measuring performance on roadmap tasks. Leading catch-ups with mentors and the Head of Engineering

• Conducted workshops on key competencies within the FE discipline for juniors, including 'React Query,' 'Callbacks/Promises/Async Await,' and 'Monorepos'