Consultant Front‑End Developer

Loading...
  1. Screenshot of the ToyBoxX website, part of John Kavanagh's development portfolio.
    Screenshot of the ToyBoxX website, part of John Kavanagh's development portfolio.

I'm John, a highly experienced and award‑winning freelance web developer based in sunny Brighton.

I am an enthusiastic development specialist and tech lead with over twenty‑one years of hands‑on experience.

I deliver bespoke user experiences working with modern JavaScript (or TypeScript), React, HTML and CSS.

My work is diverse; I've worked with clients worldwide on projects including:

More about me

Featured Projects

  1. Featured Project

    Polestar

    Senior developer working on this highly‑animated and interactive website, and automotive configurators, for the Swedish racing team‑turned‑exclusive‑EV‑company Polestar. Built with Gatsby, React, and TypeScript.

    Screenshot of the Polestar website, part of John Kavanagh's development portfolio.
  2. Featured Project

    Lego

    Senior developer producing an all‑new e‑commerce platform with React. Designed to handle high traffic volumes and support multi‑language and multiple currencies.

    Screenshot of the Lego website, part of John Kavanagh's development portfolio.
  3. Featured Project

    Virgin Atlantic
    & Holidays

    Lead engineer on this replatforming project, unifying twelve disparate applications under a new, headless architecture with React and NextJS.

    Screenshot of the Virgin Atlantic & Holidays website, part of John Kavanagh's development portfolio.

Availability

My schedule is already busy throughout 2024. However, I am always happy to discuss smaller bits of work (where time allows) or future projects.

View calendar

  1. Sep

    Enquire

  2. Oct

    Unavailable

  3. Nov

    Unavailable

  4. Dec

    Enquire

Latest articles

View all
  1. Pure Functions in JavaScript.
    Read article
    Pure Functions in JavaScript.

    Pure Functions in JavaScript

  2. Dynamic Sizing with CSS min().
    Read article
    Dynamic Sizing with CSS min().

    Dynamic Sizing with CSS min()

  3. Testing the Content of JSX Data in Cypress.
    Read article
    Testing the Content of JSX Data in Cypress.

    Testing the Content of JSX Data in Cypress

  4. Validating Parentheses Input Using TypeScript.
    Read article
    Validating Parentheses Input Using TypeScript.

    Validating Parentheses Input Using TypeScript

  5. Dynamic Calculations in CSS Using calc().
    Read article
    Dynamic Calculations in CSS Using calc().

    Dynamic Calculations in CSS Using calc()

  6. Leveraging .then() in Modern JavaScript.
    Read article
    Leveraging .then() in Modern JavaScript.

    Leveraging .then() in Modern JavaScript

  7. Solving the 'Letter Combinations of a Phone Number' Problem with TypeScript.
    Read article
    Solving the 'Letter Combinations of a Phone Number' Problem with TypeScript.

    Solving the 'Letter Combinations of a Phone Number' Problem with TypeScript

  8. Introducing Seeded Randomisation into an SSR Gatsby Project.
    Read article
    Introducing Seeded Randomisation into an SSR Gatsby Project.

    Introducing Seeded Randomisation into an SSR Gatsby Project

  9. Converting Roman Numerals to Integers.
    Read article
    Converting Roman Numerals to Integers.

    Converting Roman Numerals to Integers

  10. Converting Integers to Roman Numerals.
    Read article
    Converting Integers to Roman Numerals.

    Converting Integers to Roman Numerals

  11. Staying Current: Automating Copyright Year Updates.
    Read article
    Staying Current: Automating Copyright Year Updates.

    Staying Current: Automating Copyright Year Updates

  12. Repetitive Asynchronous Tasks with JavaScript's setInterval().
    Read article
    Repetitive Asynchronous Tasks with JavaScript's setInterval().

    Repetitive Asynchronous Tasks with JavaScript's setInterval()

  13. All articles