Andrew JD Hudson

Photo of Andrew JD Hudson

Andrew JD Hudson

Senior Front-end Engineer

andrew@andrewhudson.dev
Photo of Andrew JD Hudson

Summary

I am a senior software engineer with 14+ years of experience creating highly performant and usable products, websites, desktop applications, and browser extensions using React, JS, and CSS.

Experience

  1. Senior Front-end Engineer

    Scalable Software

    Remote, UK

    • Front-end React, D3, Typescript development of a web app for large organisations to monitor and improve team productivity.
    • Took the designs of new features from Figma and turned them into stories, tasks and sub-tasks and then helping deliver the work.
    • Web app development with React.js, Typescript, and D3.
    • Mentored junior developers to help them understand front-end problems using my experience.
    • I reviewed merge requests across the front-end team ensuring a consistently high quality product, testing the code as if I was a user and pointing out any problems with the code or the work.
    • Worked closely with backend engineers to integrate APIs and manage data flows efficiently.
  2. Senior Software Engineer

    Venture Harbour

    Remote, UK

    • Product-focused full-stack web development on an Electron-based productivity Desktop Application.
    • Rapid iteration and protyping and integration of prototypes into websites and products.
    • I created two Progressive Web Apps for two of our high traffic websites and concentrated on improving the performance of our websites and products. This helped improve our SEO, Lighthouse Scores, and Web Page Test performance resulting in a better UX and better Google Search ranking.
    • I mentored the rest of the engineering team on front-end topics regularly producing demos and presentations on what I made and learned.
    • I founded a culture of code quality based on automated code quality checking which helped dramatically when working with multiple developers, especially when reviewing merge requests and enforcing coding standards, for example when dealing with external contractors.
  3. Full Stack Web Developer

    Taylor & Francis

    Didcot, UK

    • Created custom performant WordPress and Expression Engine sites, and maintained existing ones.
    • Designed, coded, delivered and trained up the users on a re-design of a society's new website.
    • Hand-crafted a node tool to benchmark and monitor Business Sites using the Web Page Test API and display with React.
    • Performed performance audits and carry out improvements on business and society sites.
  4. Front-end React Developer

    Photocrowd

    Oxford, UK

    • Created new components and pages using React/Relay and Less from Photoshop designs.
    • Integrated Webpack into the front-end development process to allow for code modularity, linting, and modern Javascript, and CSS.
    • Instantiated the use of BEM code methodology for new CSS components as a better way of writing an maintaining CSS code.
  5. Front-end WordPress Developer

    Electric Studio

    Didcot, UK

    • Created highly customised WordPress sites from Photoshop designs, with custom post types, taxonomies, meta boxes, shortcodes and functions.
    • The sites were performant, using best practices and technologies, built within budget and in timeframes.
    • Pre-launch client training, dealing with any client feedback via Basecamp or telephone.
  6. Creative UI Developer

    Heath Wallace Ltd

    Reading, UK

    • I built accessible, usable websites for clients including HSBC, RBS and Grant Thornton.
    • Using CMSs such as WordPress, CQ5 and Sitecore to allow the client to control all content on their site.
    • Knowledge Sharing through weekly masterclass sessions (I ran three: WordPress, CSS3, and Sass).

Selected Portfolio

  • sibling-count web-component - A web-component that allows the prototyping of sibling-count() and sibing-index() css functionality before it is available in all browsers.
  • Scalable - a digital experience (DX) web app for visualising productivity and digital workplace efficiency using React, Typescript, and D3.
  • TrueNorth - a marketing web app using NextJS, Typescript, GraphQL, Apollo, Prisma, with a Material-UI based component library.
  • Serene App - Productivity desktop application for MacOS users using Electron, Firebase and React. With companion Chrome, Firefox and Edge extensions.
  • photocrowd.com - front-end development with React/Relay, Less, and Webpack
  • electrichosting.net - a custom WordPress site where any part of the site was manageable by the client.
  • allistergodfrey.com - a custom responsive WordPress site with many interactive features, galleries, and css transitions
  • ojwmanagement.com - a single-page responsive WordPress site with flexbox, responsive images, and SVG
  • blog.oup.com - responsive WordPress blog for Oxford University Press