Work

I was promoted to a Senior Frontend Developer in the summer of 2023 shortly after transitioning from leading the frontend of the Secured Loans product to leading the frontend of the Credit Card product - a product that holds more responsibility due to the larger number of customers and revenue.

Key responsibilities:

• Lead the frontend development of the Credit Card product, while assisting other products.

• Migrate the Credit Card project from Vue 2 and JavaScript to Vue 3 and TypeScript, with a big focus on web performance and DX (developer experience).

• Collaborate in the planning, feasibility, and estimates of upcoming projects as a spokesperson for frontend development.

• Improve the overall quality of frontend architecture and codebases across the business, focusing on quality, reliability, performance, productivity, and developer experience.

• Suggest, develop and monitor A/B tests, hardcoding the winning variant, and cleaning up any losing variants.

• Write and maintain automated end-to-end tests for the Credit Card product.

Key achievements:

• Successfully migrated the Credit Card project to Vue 3 and TypeScript, and improved web performance by 50% resulting in a significant monthly revenue uplift.

• Improved developer experience across the board by co-leading the replacement of Webpack to Vite, the replacement of Jest to Vitest, and the remaining JavaScript to TypeScript.

• Continuously improved the internally hosted @ocean npm packages. Implemented code-splitting to separate utilities which resulted in up to 80% performance improvement on the affected packages.

• Created business-wide web accessibility guidelines for developers and designers, and performed audits to ensure we maintain high-quality accessibility.

Key technologies

Vue JS, Nuxt JS, TypeScript, SCSS, Vite, Vitest, Storybook, PlayWright, git

I joined the Ocean Finance frontend development team in early 2021. The business was ready to bring on a new developer to add to their team to aid in the development of new features across all of their financial products, as well as assist in driving the frontend architecture in an upward direction.

Key responsibilities:

• Lead the frontend development of the Secured Loans product, while assisting other products.

• Collaborate in the planning, feasibility, and estimates of upcoming projects as a spokesperson for frontend development.

• Maintain the in-house Vue JS component library in accordance with design specifications.

• Develop and monitor A/B tests, hardcoding the winning variant, and cleaning up any losing variants.

Key achievements:

• Improved quality of the in-house Vue JS component library by implementing Jest for unit testing, and Storybook for documentation. This ensured new versions of the component library were not published with unintentional breaking changes, building confidence and trust amongst developers.

• Improved quality of the Secured Loans product by migrating from JavaScript to TypeScript, resulting in fewer frontend-related bugs being raised.

• Co-created the @ocean internally-hosted npm packages for the component library, common TypeScript utilities, a centralised place for fonts and icons, analytics, and logging.

• Solved a business-wide issue where making site-wide APR updates across multiple projects and the CMS was time-consuming and often resulted in risk. I architected a solution - "Global Variables" - that meant APR figures and similar figures alike were stored, maintained, and updated from one single place. This resulted in quicker APR figure changes with fewer mistakes.

Key technologies:

Vue JS, Nuxt JS, TypeScript, SCSS, Jest, Storybook, git

It was around this time Mitrefinch was ready to begin creating new teams for a new era of products. After proving myself as a junior developer in the previous months, I was promoted to a mid-level developer and placed in a team alongside other mid-level and senior developers.

Key responsibilities:

• Aid in the development of a new era of Mitrefinch products. - a web version of the currently existing Flexipay payroll software, and a new web-based security access control software.

• Maintain and update the centralised SCSS component library.

• Ensure quality through thorough unit testing.

• Influence frontend, UI/UX, and accessibility decisions.

• Upskill in other areas of software development such as backend development (C#) and automation testing (Selenium).

Key achievements:

• Took ownership of the maintenance and upkeep of the centralised SCSS component library ensuring it kept up-to-date with the dynamic business, software, and design requirements. This library proved to be very useful to the products and to the developers using it.

Key technologies:

Vue JS, TypeScript, Jest, SCSS, HTML, git

After being made redundant from flybmi filing for administration, I quickly landed a Junior Developer role at a local software house specialising in HCM (Human Capital Management) software. I gained a lot of knowledge and understanding of web development in this role and had lots of support and mentoring during my personal and professional development.

Key responsibilities:

• Shadow and learn from other developers.

• Understand scrum agile development and the different roles of a scrum team.

• Aid in the development of a new era of Mitrefinch products.

Key achievements:

• Led the creation and development of a new in-house centralised SCSS component library that was easy to use, followed UX and accessibility standards, and was scalable.

Key technologies:

SCSS, HTML, JavaScript, git

This role was an apprenticeship I started fresh out of sixth form after completing my A-Levels. It was my first role in my career as a software developer. In my short time occupying this role, I learned so much about the world of web development. This was an exciting role that also gave me some insights into the travel industry. Despite never finishing the apprenticeship due to the business filing for administration in February 2019, I am grateful for the opportunity.

Key responsibilities:

• Shadow and learn from other web developers while progressing with my apprenticeship coursework and study modules.

• Maintain and update the multilingual website, ensuring good organic SEO, good accessibility standards, and optimal core web vitals performance.

• Maintain the company intranet that was used for pilot/flight attendant schedules, engineering/ground crew reports, business updates and more.

• Template and send marketing emails via Mailchimp.

Key technologies:

React JS, Grav CMS, HTML, CSS, Bootstrap, JavaScript, jQuery, git