Work
Company: Boiler Juice
Role: Lead Front-end Developer
JavaScript Browserify Material UI Bootstrap SASS HTML CSS Jasime Karma Gulp
In my role with Boiler Juice I managed a team of four Developers. I was responsible for choosing technologies and implementing best practices across the front-end of the website. I was actively coding on a day-to-day basis implementing features, debugging and pairing with other developers. I was also responsible for supporting more junior team members. My time was divided between coding (70%) as well as meetings and team management tasks (30%).
We were tasked with re-building the front-end of the existing website. In places we replicated the existing look and feel and in others we introduced a new style and set of HTML templates and reusable components. We completely re-wrote the JavaScript untangling many years of un-documented business logic and functionality.
We built a custom JavaScript framework to manage our JavaScript modules and used a mobile first approach to the build of Responsive HTML page templates, utilising the bootstrap-sass framework for our grid. We used Browserify and Gulp to manage our JavaScript modules and ran linting against all JavaScript and SASS files to maintain code quality.
On a day-to-day basis we worked closely with the UX Team and the wider business to make sure all requirements were met. We also worked closely with the back-end team integrating the front-end with a PHP based CMS called Bolt, which utilises twig templates for page template structure. We worked in an agile manner with daily stand-ups; working in fortnightly sprints.
Company: Tribal Worldwide
Role: Senior Front-end Developer
Backbone Require Jasmine jQuery HTML5 CSS3 SASS Gulp
Senior Front-end Developer – My Perfect Volkswagen was the main project I worked on whilst at Tribal, it is a SPA built in Backbone using RequireJS to manage modules, SASS for the CSS and Gulp to manage the client-side files. I was responsible for adding new UI features and introducing unit testing with Jasmine. https://perfect.volkswagen.co.uk/perfect/app
I also worked on a brochure site for Avios Group www.aviosgroup.com and several other legacy projects for VW fixing bugs, adding new UI features, writing clean modular JavaScript and whenever possible improving general code standards introducing eslint and unit testing.
Company: Cambridge Assessment
Role: Senior Front-end Developer
JavaScript SystemJS Jasime Karma Unit Testing HTML CSS Web Components Polymer Gulp Webpack
Whilst working for Cambridge Assessment I worked across multiple projects. I built responsive SPA’s, data capture projects, and contributed to an Open Source project creating reusable Web Components in ES6; you can view the source code here https://github.com/cambridgeweblab/common-ui.
All projects involved creating UI elements in HTML5, CSS3 and JavaScript written in either ES5 or ES6. We introduced SystemJS to projects to manage modules, developed custom Web Components and used Node.js with the express framework for routing and connecting to API’s.
Result Enquiries Project – (ES5 Web Component that generates schema driven HTML forms.) http://forms.admissionstestingservice.org/form/tmua-candidate/
Company: Freelance
Role: Senior Front-end Developer
JavaScript jQuery Browserify PHP HTML5 CSS3 Gulp
Senior Front-end Developer – A good example of work I did whilst with Millimetre Media is the Helix website. I was the sole Front-end Developer on this project. I used a Mobile First Responsive approach, using HTML5, CSS3 JavaScript/ jQuery and Browserify to manage my modules with Gulp to manage the front-end workflow http://helixproperty.co.uk.
Company: Photobox
Role: Senior Front-end Developer
JavaScript jQuery Node.js Express Handlebars Browserify Grunt HTML5 CSS3 SASS
I worked for PhotoBox in the incubator team on a project developing a Mobile First Responsive website for the sale of Birth Announcement Cards. I worked across the front-end and back-end of the website. On the front-end we used JavaScript and jQuery with Browserify to handle modules and Grunt to manage the front-end workflow. On the back-end of the site we used Node with the Express framework.
Company: Jam - The Engine Group
Role: Senior UI Developer
JavaScript jQuery Backbone Underscore HTML5 CSS3 LESS CSS
I worked for Jam @ The Engine Group in Soho as a Mobile Front-end Developer building HTML5, CSS3, JavaScript, jQuery mobile and desktop websites. This contract was a great opportunity to develop my Mobile development skills working on the mobile version of the fabulous magazine http://fabulousmag.co.uk and several small Sky mobile promotional sites.
Company: Rank Interactive
Role: Lead Front-end Developer
Team Leadership Responsive Design & Development Backbone JavaScript jQuery HTML5 LESS CSS3
I was responsible for managing a team of Front-end Developers in the responsive rebuild of bluesq.com. This involved creating an HTML5, LESS/ CSS and JavaScript framework that worked across mobile, tablet and desktop. I was also responsible on a day-to-day basis for managing the production of HTML prototypes to demonstrate different ideas from the UX Team.
Company: Freelance
Role: Front-end Developer
JavaScript jQuery HTML CSS3
Tyrrells Crisps
Company: Publicis Sapient
Role: Front-end Lead/ Manager
React TypeScript JavaScript Remix Vite Redux Zustand Jest RTL node/msw GraphQL Apollo Client Next.js Node.js Express Storybook styled-components HTML CSS SASS Builder.io Dynatrace Google Lighthouse
Working as a consultant delivering a variety of front-end focused projects for different clients such as Lloyds, HSBC & Schneider Electric. Operating as a Front-end Team Lead or Senior Engineer.
Schneider Electric / Energy Sage
I worked as a Full-stack Engineer on this project, building custom React components and Node.js back-end logic for the full-stack Remix application. My main focus was building a complex multi-step form for users to retrieve the French equivalent of an EPC certificate. I was also involved in configuring the CMS, Builder.io, along with day-to-day tasks such as fixing bugs, optimising SEO, increasing test coverage, and improving page speed, accessibility, and usability.
Skills: Remix, React, TypeScript, Node.js, Builder.io, CSS, and HTML.
Lloyds / Save & Invest
Managed a small team of Front-end Engineers that successfully delivered an online saving and investment calculator wrapped in the Lloyds & Halifax banking iOS app. We used React & TypeScript in conjunction with Lloyds’ own React framework, Interstellar and their UI library, Constellation. We worked closely with both these internal teams, helping to fix bugs and add new and improved features.
Skills: React & TypeScript, Jest & React Testing Library, Dynatrace, Google Lighthouse.
HSBC / API Estate Insights Tool
Team Lead and Front-end Architect. Successfully delivered a fully responsive SPA for HSBC staff to gain insights into their API estate. We also developed a custom react component library extending Recharts.
Skills: React & TypeScript, Apollo Client, GraphQL, Node.js & Express.
Company: WorldFirst
Role: Senior Software Engineer/ Team Lead
React TypeScript JavaScript Jest React Testing Library HTML CSS node/msw react-i18next Ant Design LESS Webpack Storybook Rollup Node.js Express
I worked for World First as a contract Front-end Engineer for the first 6 months. After becoming permanent as a Senior Software Engineer, I was finally promoted to Front-end Team Lead. I initially worked on the trading platform, integrating Xero accountancy software. Following this, I joined the statements team, where I implemented new UI features and components, improved the platform's micro front-end codebases by moving from React Classes to React Hooks, increased test coverage, and enhanced general code quality.
After being promoted to Front-end Team Lead, I was responsible for managing the team's goals, deliverables, and conducting individuals’ performance reviews. During my time as Front-end Lead, my team and I were heavily involved in helping deliver a new multi-region front-end for the trading platform. We used react-i18next for translations and developed region-specific logic to cater for varying rules, regulations, and rates. On a day-to-day basis, we worked closely with back-end teams, Product, UX, and Design across the UK and APAC to ensure everything ran as smoothly as possible.
Company: Sapient
Role: Front-end Developer
JavaScript jQuery HTML CSS3
Whilst working for Sapient on this contract I was based client side at John Lewis, working in a team of Front-end Developers in an Agile Software Development Environment. I was responsible for creating well structured JavaScript, jQuery functionality and clean HTML/CSS template components keeping all code as re-usable and standards compliant as possible. We introduced HTML5 and CSS3 to the project using a progressive enhancement approach so as not to limit the site to just the latest browsers.
Company: Guardian
Role: Front-end Developer
JavaScript jQuery HTML CSS3
I worked for the Guardian as a Front-end Developer creating HTML/ CSS cross browser/ platform compliant templates for www.thegreatplanthunt.org.
Company: lastminute.com
Role: Senior Front-end Developer
JavaScript Backbone Mustache Require Grunt Jasime HTML5 CSS3 LESS SASS Bootstrap Responsive Design & Development
Whilst working for lastminute.com I worked on two specific projects. For the first project I created an HTML5, LESS/ CSS3 & JavaScript mobile-first responsive search form component that used the Bootstrap framework for the underlying grid and basic styling. The search form component is now integrated into the company’s CMS and is being used across all the main marketing pages. The second project I worked on was the m.lastminute.com site delivering new features to the mobile site. We worked in a TDD fashion using BackboneJS and RequireJS with Jasmine and SinonJS for unit testing. For each project I worked in an agile team regularly being involved in estimations and sprint planning.
Company: Addison
Role: Front-end Developer
Team Lead JavaScript jQuery HTML CSS3
Addison is a publishing-house/ digital-agency based at London Bridge; I worked there for two months as a Front-end Developer. Whilst at Addison I completed three projects which required creating pixel perfect HTML/CSS layouts. All three websites were for end of year financial reports that needed a lot of complex data displayed in tables and charts. www.annualreport.heineken.com
Company: Queensland Goverment
Role: Developer
Flash JavaScript jQuery HTML CSS
DOC (Department of Communities) Queensland Government Australia. I worked for the DOC on HTML/ CSS table-less page design and development and the integration of front-end templates with their PHP based CMS.
Company: Ogilvy
Role: Developer
Flash JavaScript jQuery HTML CSS
I worked for Ogilvy as a Developer working across a broad range of brands such as BT, Yahoo, Amex and Unilever. I was responsible for the front-end build of websites adhering to strict brand-guidelines and W3C best practises.
Company: GE Power Digital
Role: Senior UI Developer
React JavaScript Redux Jest Enzyme Webpack Web Components Polymer HTML SASS LESS CSS Gulp
Whilst with GE I worked on a SPA (Single Page Application) building a tool to help the telecoms industry to locate, route and cost new fibre connections. We used Web Components with Polymer to build UI Components, SASS for the CSS, and Node.js with Express for the back-end. We used Mocha and Chai to write our tests on the front-end and Gulp for the build step.
I also introduced the team at GE to the use of React and Redux with Jest and Enzyme for testing. Using React I built a SPA tool to demonstrate the use of API’s developed for the telecoms routing application. This project was also used as a way for the team to learn React, Redux, Jest and Webpack. I held several one-to-one sessions with other developers explaining how to structure a React and Redux application and demonstrate component development and best practices. We worked in an agile manner with fortnightly sprint cycles.
Company: CashFlows
Role: Lead UI Developer
React JavaScript Jest Enzyme Webpack Bootstrap Material UI HTML CSS SASS LESS Gulp
Whilst I was with Cash Flows I worked on a Visa prepaid-wallet. We built the front-end in React with SASS for our CSS and Webpack to manage the front-end build. When I started with Cash Flows some early development had already taken place on the product but the application wasn’t fully responsive and had limited browser and device support. I introduced a mobile first responsive approach to the application, as well as cross-browser and device support. I also introduced a test framework using Jest and Enzyme, added linting for the SASS and JavaScript, refactored and optimised the code and introduced new features. We worked in an agile manner with three-week sprint cycles, sizing sessions, breakdown sessions and retrospectives.
Company: Bauer Media
Role: Front-end Developer
JavaScript Backbone Mustache Require Grunt Jasime HTML5 CSS3 LESS SASS Responsive Design & Development
I was employed by Bauer Media to work across two teams, the UI Team and the Back end CMS Team. In the UI team I contributed towards the development of the responsive front-end build of the new Closer Magazine online edition creating responsive HTML/CSS page templates and writing any JavaScript functionality where necessary. In the Back end Team I was responsible for developing JavaScript/ BackboneJS functionality that managed the adding, editing and deleting of articles and their supporting image and video assets.