- Web app development with React.js, Typescript, and D3 taking designs in Figma and Confluence and turning them into stories, tasks and sub-tasks and then delivering the work.
- I mentored junior developers and reviewed merge requests across the front-end team ensuring a consistently high quality in our product.
- Estimating, planned and documented new features with product and design.
- Creating new features and speccing out API changes with the backend team
Andrew JD Hudson
Personal Statement
I am a senior front-end engineer with 14+ years experience creating highly performant and usable products, websites, desktop applications, and browser extensions.
Skills
- TypeScript, CSS, JavaScript
- Extensive experience of Next.js and Astro
- React, Svelte and Lit
- Testing with Cypress and Jest
- Documentation with Storybook, and Confluence
- Electron and Chrome Browser Extension development
- Native English
- Intermediate French
Roles
-
-
- Web app development with CSS-in-JS, Next.js, GraphQL and Typescript.
- I created two Progressive Web Apps and concentrated on improving the performance of our websites and products. This helped our improve our SEO and our Lighthouse Scores and Web Page Test performance.
- 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.
-
- I created custom performant WordPress and Expression Engine sites.
- I hand-crafted a node tool to benchmark and monitor Business Sites using the Web Page Test API and display with React.
- Perform performance audits and carry out improvements on business and society sites.
-
- I creating new components and pages using React/Relay and Less from Photoshop designs.
- I integrated Webpack into the development process to allow for code modularity, linting, and writing modular ES6 JS.
- I implemented the application of BEM code methodology for new CSS components.
-
- I 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.
-
Creative UI Developer
–
HeathWallace Ltd Reading, UK
- I built highly accessible 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
- Acumen - a digital experience 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 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
- 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
- github.com/bigandy – my GitHub account
- andrewhudson.dev – This site - powered currently by Astro and Svelte with a dash of Notion API.
- My Codepen a place to experiment with any aspect of front-end web technologies.
Education
- MChem (hons) Chemistry – University of Manchester